div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0}
div.wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid red}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14}
div.wpcf7-mail-sent-ng,div.wpcf7-aborted {
    border: 2px solid red}
div.wpcf7-spam-blocked {
    border: 2px solid orange}
div.wpcf7-validation-errors,div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700}
.wpcf7-form-control-wrap {
    position: relative}
span.wpcf7-not-valid-tip {
    color: red;
    font-size: 1em;
    font-weight: 400;
    display: block}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid red;
    background: #fff;
    padding: .2em .8em}
span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em}
span.wpcf7-list-item-label:before,span.wpcf7-list-item-label:after {
    content: " "}
.wpcf7-display-none {
    display: none}
div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url(../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle}
div.wpcf7 .ajax-loader.is-active {
    visibility: visible}
div.wpcf7 div.ajax-error {
    display: none}
div.wpcf7 .placeheld {
    color: #888}
div.wpcf7 input[type=file] {
    cursor: pointer}
div.wpcf7 input[type=file]: disabled {
    cursor: default}
div.wpcf7 .wpcf7-submit: disabled {
    cursor: not-allowed}
.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel] {
    direction: ltr}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden}
* html>body .clearfix {
    display: inline-block;
    width: 100%}
* html .clearfix {
    height: 1%}
#lightboxIframe {
    display: none}
#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10090;
    width: 100%;
    height: 500px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6;
    display: none}
#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10100;
    line-height: 0}
#jqlb_spinner {
    height: 32px;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center}
#jqlb_closelabel {
    height: 22px;
    width: 66px;
    background-image: url(../images/closelabel.gif);
    background-repeat: no-repeat;
    background-position: center center}
#lightbox a img {
    border: none}
#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 300px;
    height: 300px;
    margin: 0 auto}
#imageContainer {
    padding: 10px;
    text-align: center}
#jqlb_loading {
    position: absolute;
    top: 40%;
    left: 0;
    height: 25%;
    width: 100%;
    line-height: 0}
#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10}
#imageContainer>#hoverNav {
    left: 0}
#hoverNav a {
    outline: 0}
#nextLink,#prevLink {
    width: 45%;
    height: 100%;
    background: transparent url(../images/blank.gif) no-repeat;
    display: block}
#prevLink {
    left: 0;
    float: left}
#nextLink {
    right: 0;
    float: right}
#prevLink:hover,#prevLink:visited:hover {
    background: url(../images/prev.gif) left 50% no-repeat}
#nextLink:hover,#nextLink:visited:hover {
    background: url(../images/next.gif) right 50% no-repeat}
#imageDataContainer {
    font: 10px Verdana,Helvetica,sans-serif;
    background-color: #fff;
    color: #000;
    margin: 0 auto;
    line-height: 1.4em}
#imageData {
    padding: 0 10px}
.ontop #imageData {
    padding-top: 5px}
#imageData #imageDetails {
    float: left;
    text-align: left;
    margin-bottom: 10px;
    width: 80%;
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: -o-calc(100% - 80px);
    width: calc(100% - 80px)}
#imageData #imageDetails #titleAndCaption #titleText {
    font-weight: 700}
#imageData #imageDetails #titleAndCaption #captionText {
    font-weight: 400}
#imageData #imageDetails #controls {
    margin: 0;
    white-space: nowrap}
#imageData #bottomNav #bottomNavClose {
    height: 22px;
    width: 66px;
    float: right;
    margin-bottom: 10px}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0}
.slick-list:focus {
    outline: none}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand}
.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto}
.slick-track:before,.slick-track:after {
    display: table;
    content: ''}
.slick-track:after {
    clear: both}
.slick-loading .slick-track {
    visibility: hidden}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px}
[dir=rtl] .slick-slide {
    float: right}
.slick-slide img {
    display: block}
.slick-slide.slick-loading img {
    display: none}
.slick-slide.dragging img {
    pointer-events: none}
.slick-initialized .slick-slide {
    display: block}
.slick-loading .slick-slide {
    visibility: hidden}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent}
.slick-arrow.slick-hidden {
    display: none}
@charset"utf-8";
    body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,pre,form,fieldset,legend,button,input,textarea,th,td,ol {
    margin: 0;
    padding: 0}
*,:after,:before {
    box-sizing: border-box;
    outline: none}
body {
    font: 12px "Microsoft YaHei","Arial";
    color: #000;
    line-height: 1.5;
    overflow-x: hidden}
ol,ul,li {
    list-style-type: none;
    vertical-align: middle}
img {
    vertical-align: top;
    border: 0;
    max-width: 100%;
    height: auto}
input,select,textarea,button {
    vertical-align: middle}
textarea,input {
    outline: none;
    resize: none}
input[type=submit],input[type=button],button {
    text-indent: 0;
    text-align: center;
    cursor: pointer}
label,button,a {
    cursor: pointer}
ins,em,b,i {
    text-decoration: none;
    font-style: normal}
select:focus,textarea:focus,input:focus,button {
    outline: none}
input:: -webkit-input-placeholder,input: -moz-placeholder,input:: -moz-placeholder,input: -ms-input-placeholder,textarea:: -webkit-input-placeholder,textarea: -moz-placeholder,textarea:: -moz-placeholder,textarea: -ms-input-placeholder {
    color: #999}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font: inherit}
a {
    color: inherit;
    text-decoration: none}
a[href] {
    cursor: pointer}
a:hover {
    text-decoration: none;
    cursor: pointer}
a:focus {
    background-color: transparent}
h1,h2,h3,h4,h5,h6,em {
    font-weight: 400}
a,span,li,b,i,label,p,strong,div,h1,h2,h3,h4,h5,h6,font,small,em,li,pre,form,fieldset,legend,button,input,textarea,th,td {
    font: inherit;
    color: inherit}
audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline}
body {
    -webkit-tap-highlight-color: rgba(0,0,0,0)}
a:focus,input:focus,p:focus,div:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0)}
body,html {
    width: 100%!important;
    padding: 0!important;
    height: 100%}
*:: -webkit-scrollbar {
    width: 3px;
    border-radius: 1.5px}
*:: -webkit-scrollbar-button {
    display: none}
*:: -webkit-scrollbar-track {
    background-color: #eee}
*:: -webkit-scrollbar-thumb {
    background-color: #199840}
.fl {
    float: left}
.fr {
    float: right}
.cl:after {
    content: '\20';
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden}
.hide {
    display: none}
.show {
    display: block}
.up-word {
    text-transform: uppercase}
.v-show {
    visibility: visible}
.v-hide {
    visibility: hidden}
.mt-8 {
    margin-top: 8px}
.mt-10 {
    margin-top: 10px}
.mt-12 {
    margin-top: 12px}
.mt-24 {
    margin-top: 24px}
.mt-32 {
    margin-top: 32px}
.mt-36 {
    margin-top: 36px}
.mt-48 {
    margin-top: 48px}
.mt-15 {
    margin-top: 15px}
.mt-20 {
    margin-top: 20px}
.mt-30 {
    margin-top: 30px}
.mt-40 {
    margin-top: 40px}
.mt-55 {
    margin-top: 55px}
.mt-60 {
    margin-top: 60px}
.mb-8 {
    margin-bottom: 8px}
.mb-10 {
    margin-bottom: 10px}
.mb-12 {
    margin-bottom: 12px}
.mb-24 {
    margin-bottom: 24px}
.mb-32 {
    margin-bottom: 32px}
.mb-36 {
    margin-bottom: 36px}
.mb-48 {
    margin-bottom: 48px}
.mb-15 {
    margin-bottom: 15px}
.mb-20 {
    margin-bottom: 20px}
.mb-30 {
    margin-bottom: 30px}
.mb-40 {
    margin-bottom: 40px}
.mb-55 {
    margin-bottom: 55px}
.mb-60 {
    margin-bottom: 60px}
.ml-8 {
    margin-left: 8px}
.ml-10 {
    margin-left: 10px}
.ml-12 {
    margin-left: 12px}
.ml-24 {
    margin-left: 24px}
.ml-32 {
    margin-left: 32px}
.ml-36 {
    margin-left: 36px}
.ml-48 {
    margin-left: 48px}
.ml-15 {
    margin-left: 15px}
.ml-20 {
    margin-left: 20px}
.ml-30 {
    margin-left: 30px}
.ml-40 {
    margin-left: 40px}
.ml-55 {
    margin-left: 55px}
.ml-60 {
    margin-left: 60px}
.mr-8 {
    margin-right: 8px}
.mr-10 {
    margin-right: 10px}
.mr-12 {
    margin-right: 12px}
.mr-24 {
    margin-right: 24px}
.mr-32 {
    margin-right: 32px}
.mr-36 {
    margin-right: 36px}
.mr-48 {
    margin-right: 48px}
.mr-15 {
    margin-right: 15px}
.mr-20 {
    margin-right: 20px}
.mr-30 {
    margin-right: 30px}
.mr-40 {
    margin-right: 40px}
.mr-55 {
    margin-right: 55px}
.mr-60 {
    margin-right: 60px}
.pt-8 {
    padding-top: 8px}
.pt-10 {
    padding-top: 10px}
.pt-12 {
    padding-top: 12px}
.pt-24 {
    padding-top: 24px}
.pt-36 {
    padding-top: 36px}
.pt-48 {
    padding-top: 48px}
.pt-15 {
    padding-top: 15px}
.pt-20 {
    padding-top: 20px}
.pt-30 {
    padding-top: 30px}
.pt-40 {
    padding-top: 40px}
.pt-55 {
    padding-top: 55px}
.pt-60 {
    padding-top: 60px}
.pb-8 {
    padding-bottom: 8px}
.pb-10 {
    padding-bottom: 10px}
.pb-12 {
    padding-bottom: 12px}
.pb-24 {
    padding-bottom: 24px}
.pb-36 {
    padding-bottom: 36px}
.pb-48 {
    padding-bottom: 48px}
.pb-15 {
    padding-bottom: 15px}
.pb-20 {
    padding-bottom: 20px}
.pb-30 {
    padding-bottom: 30px}
.pb-40 {
    padding-bottom: 40px}
.pb-55 {
    padding-bottom: 55px}
.pb-60 {
    padding-bottom: 60px}
.pl-8 {
    padding-left: 8px}
.pl-10 {
    padding-left: 10px}
.pl-12 {
    padding-left: 12px}
.pl-24 {
    padding-left: 24px}
.pl-36 {
    padding-left: 36px}
.pl-48 {
    padding-left: 48px}
.pl-15 {
    padding-left: 15px}
.pl-20 {
    padding-left: 20px}
.pl-30 {
    padding-left: 30px}
.pl-40 {
    padding-left: 40px}
.pl-55 {
    padding-left: 55px}
.pl-60 {
    padding-left: 60px}
.pr-8 {
    padding-right: 8px}
.pr-10 {
    padding-right: 10px}
.pr-12 {
    padding-right: 12px}
.pr-24 {
    padding-right: 24px}
.pr-36 {
    padding-right: 36px}
.pr-48 {
    padding-right: 48px}
.pr-15 {
    padding-right: 15px}
.pr-20 {
    padding-right: 20px}
.pr-30 {
    padding-right: 30px}
.pr-40 {
    padding-right: 40px}
.pr-55 {
    padding-right: 55px}
.pr-60 {
    padding-right: 60px}
.backImg {
    background-size: cover}
.text_overflow {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis}
.txt-center {
    text-align: center}
.txt-right {
    text-align: right}
[data-ahref] {
    cursor: pointer}
body {
    background: 0 0}
.font-40 {
    font-size: 40px}
.font-38 {
    font-size: 32px}
.font-36 {
    font-size: 32px}
.font-34 {
    font-size: 32px}
.font-32 {
    font-size: 32px}
.font-30 {
    font-size: 30px}
.font-28 {
    font-size: 28px}
.font-24 {
    font-size: 24px}
.font-22 {
    font-size: 22px}
.font-20 {
    font-size: 20px}
.font-18 {
    font-size: 18px}
.font-16 {
    font-size: 16px}
.font-14 {
    font-size: 14px}
.font-12 {
    font-size: 12px}
.op-1 {
    opacity: .1}
.op-2 {
    opacity: .2}
.op-3 {
    opacity: .3}
.op-4 {
    opacity: .4}
.op-5 {
    opacity: .5}
.op-6 {
    opacity: .6}
.op-7 {
    opacity: .7}
.op-8 {
    opacity: .8}
.op-9 {
    opacity: .9}
.op-10 {
    opacity: 1}
.font-light {
    font-weight: lighter}
.font-bold {
    font-weight: 700}
.font-500 {
    font-weight: 500}
.pr {
    position: relative}
.pa {
    position: absolute}
.block {
    display: block}
.container {
    position: relative;
    padding: 0 15px;
    margin: 0 auto}
.grid-box {
    font-size: 0;
    [;
    letter-spacing: -4px;
    font-size: 12px;
    ]}
.grid-box .column {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    [;
    letter-spacing: 0;
    ]}
.grid-box .column {
    width: 100%}
.grid-box.two>.column {
    width: 50%}
.grid-box.three>.column {
    width: 33.33333%}
.grid-box.four>.column {
    width: 25%}
.grid-box.five>.column {
    width: 20%}
.grid-box.six>.column {
    width: 16.6666667%}
.grid-box.seven>.column {
    width: 14.285714%}
.grid-box.eight>.column {
    width: 12.55%}
.grid-box.nine>.column {
    width: 11.11111111%}
.grid-box.ten>.column {
    width: 10%}
.wid-100 {
    width: 100%}
.wid-10 {
    width: 10%}
.wid-20 {
    width: 20%}
.wid-30 {
    width: 30%}
.wid-40 {
    width: 40%}
.wid-50 {
    width: 50%}
.wid-60 {
    width: 60%}
.wid-70 {
    width: 70%}
.wid-80 {
    width: 80%}
.wid-90 {
    width: 90%}
.half {
    width: 50%}
.layout-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto}
.layout-v-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto}
.layout-h-middle {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto}
.layout-tab {
    display: table;
    width: 100%}
.layout-tab>.cell {
    display: table-cell;
    vertical-align: middle}
.transi {
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out}
#lanSelBox {
    font-size: 16px;
    background: #fff;
    border-radius: 4px;
    position: relative}
.current_lang {
    cursor: pointer;
    text-transform: uppercase;
    overflow: hidden}
.lang.selected {
    display: none}
.lang img,.lang span.lang-txt {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    color: #444}
.lang span.lang-txt {
    position: relative;
    top: -1px;
    font-weight: 700}
.lang img {
    width: 20px;
    margin-left: 0}
.lang span span {
    color: #999;
    font-weight: 400}
.lang i.chevron.down {
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-left: 3px}
.more_lang {
    transform: translateY(-20px);
    opacity: 0;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 180px;
    background: #fff;
    -webkit-transition: all .3s cubic-bezier(.25,1.15,.35,1.15);
    -moz-transition: all .3s cubic-bezier(.25,1.15,.35,1.15);
    -o-transition: all .3s cubic-bezier(.25,1.15,.35,1.15);
    -ms-transition: all .3s cubic-bezier(.25,1.15,.35,1.15);
    transition: all .3s cubic-bezier(.25,1.15,.35,1.15)}
.more_lang .lang {
    padding: 10px 15px}
#lanSelBox.active .more_lang {
    display: block}
.more_lang.active {
    opacity: 1;
    transform: translateY(0px)}
.more_lang .lang:hover {
    background: #5766b2;
    color: #fff}
.more_lang .lang:hover span {
    color: #fff}
#lanSelBox:hover,#lanSelBox.active {
    box-shadow: rgba(0,0,0,.2) 0 5px 15px;
    -webkit-transition: all .3s cubic-bezier(0,.99,.44,.99);
    -moz-transition: all .3s cubic-bezier(0,.99,.44,.99);
    -o-transition: all .3s cubic-bezier(0,.99,.44,.99);
    -ms-transition: all .3s cubic-bezier(0,.99,.44,.99);
    transition: all .3s cubic-bezier(0,.99,.44,.99)}
#lanSelBox.active .more_lang .lang {
    border-top: 1px solid #eaeaea}
.hwaq_img_btn_01 {
    width: 100%;
    overflow: hidden;
    position: relative}
.hwaq_img_btn_01 img {
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    left: 0}
.hwaq_img_btn_01 .ovrly {
    position: absolute;
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s}
.hwaq_img_btn_01 .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
.hwaq_img_btn_01 .buttons>a {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.3);
    box-shadow: 0 0 1px rgba(0,0,0,.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    margin: 0 1px;
    color: rgba(50,50,50,.9);
    -webkit-transition: all .3s cubic-bezier(0,1.135,.73,1.405);
    -moz-transition: all .3s cubic-bezier(0,1.135,.73,1.405);
    -o-transition: all .3s cubic-bezier(0,1.135,.73,1.405);
    transition: all .3s cubic-bezier(0,1.135,.73,1.405)}
.hwaq_img_btn_01 .buttons .the_search {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s}
.hwaq_img_btn_01:hover .buttons>a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1}
.hwaq_img_btn_01:hover .ovrly {
    opacity: 1}
.hwaq_img_btn_02 {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer}
.hwaq_img_btn_02 .layer,.hwaq_img_btn_02 .layer>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.hwaq_img_btn_02 .layer {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden}
.hwaq_img_btn_02 img {
    opacity: .9}
.hwaq_img_btn_02 .layer:after,.hwaq_img_btn_02 img,.hwaq_img_btn_02 p {
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s}
.hwaq_img_btn_02 .layer:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%}
.hwaq_img_btn_02 h2,.hwaq_img_btn_02 p {
    opacity: 1;
    -webkit-transform: scale3d(.8,.8,1);
    transform: scale3d(.8,.8,1)}
.hwaq_img_btn_02 h2 {
    padding-top: 26%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s}
.hwaq_img_btn_02 p {
    padding: .5em 2em;
    text-transform: none;
    font-size: .85em;
    opacity: 0}
.hwaq_img_btn_02:hover {
    background: -webkit-linear-gradient(-45deg,#053565 0%,#06c 100%);
    background: linear-gradient(-45deg,#053565 0%,#06c 100%)}
.hwaq_img_btn_02:hover img {
    opacity: .7;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1)}
.hwaq_img_btn_02:hover .layer:after {
    opacity: 1;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,1,1)}
.hwaq_img_btn_02:hover h2,.hwaq_img_btn_02:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)}
.icon-eye:before {
    content: '\e000'}
.icon-paper-clip:before {
    content: '\e001'}
.icon-heart:before {
    content: '\e024'}
.hwaq_img_btn_02 h2 {
    display: inline-block}
.hwaq_img_btn_02:hover p.description {
    opacity: 1}
.hwaq_img_btn_02:hover figcaption,.hwaq_img_btn_02:hover h2,.hwaq_img_btn_02:hover p.icon-links a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}
.hwaq_img_btn_02:hover h2 {
    -webkit-transition-delay: .05s;
    transition-delay: .05s}
.hwaq_img_btn_02:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s}
.hwaq_img_btn_02:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s}
.hwaq_img_btn_02:hover p.icon-links a:first-child {
    -webkit-transition-delay: .2s;
    transition-delay: .2s}
.hwaq_just_btn_01 {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative}
.hwaq_just_btn_01:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255,255,255,.25);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s}
.hwaq_just_btn_01>span {
    position: relative;
    z-index: 20}
.hwaq_just_btn_01:hover:before {
    opacity: 0;
    -webkit-transform: scale(.5,.5);
    transform: scale(.5,.5)}
.hwaq_just_btn_01:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid rgba(255,255,255,.5);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2)}
.hwaq_just_btn_01:hover:after {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)}
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    opacity: 0}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0}
.mlztx {
    opacity: .6;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #2b93e6;
    position: fixed;
    bottom: 50px;
    right: 20px;
    font-size: 30px;
    text-align: center;
    line-height: 55px;
    color: #fff;
    transition: all 1s ease 0s;
    z-index: 99;
    -webkit-box-shadow: 0px 0px 2px 3px hsla(0,0%,0%,.1);
    box-shadow: 0px 0px 2px 3px hsla(0,0%,0%,.1);
    cursor: pointer}
.mlztx:hover {
    opacity: 1;
    background-color: #00b1ff;
    width: 65px;
    height: 65px}
.layer-form {
    display: none}
.container-contact100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: rgba(0,0,0,.8);
    position: fixed;
    z-index: 1000001;
    left: 0;
    top: 0}
.wrap-contact100 {
    width: 560px;
    background: #fff;
    border-radius: 3px;
    position: relative;
    overflow: auto;
    max-height: 90vh}
.contact100-form-title {
    font-size: 30px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    background-image: url(../images/layer-form-bg.jpg);
    width: 100%;
    min-height: 128px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden;
    padding: 30px 15px}
.contact100-form-title:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(67,67,67,.6)}
.contact100-form {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 55px 48px}
.wrap-input100 {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    margin-bottom: 15px}
.label-input100 {
    font-size: 18px;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    left: 2px}
.label-input100.rs1 {
    height: 60px}
.input100 {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 15px;
    color: #333;
    line-height: 1.2;
    padding: 0 25px 0 60px;
    border: none}
input.input100 {
    height: 55px}
textarea.input100 {
    min-height: 162px;
    padding-top: 22px;
    padding-bottom: 15px;
    font-family: 'microsoft yahei'}
.focus-input100 {
    position: absolute;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    pointer-events: none;
    border: 1px solid;
    border-radius: 2px;
    border-color: #06c;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scaleX(1.1) scaleY(1.3);
    -moz-transform: scaleX(1.1) scaleY(1.3);
    -ms-transform: scaleX(1.1) scaleY(1.3);
    -o-transform: scaleX(1.1) scaleY(1.3);

    transform: scaleX(1.1) scaleY(1.3)}
.input100:focus+.focus-input100 {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)}
.input100:focus+.focus-input100+.label-input100 {
    color: #06c}
.container-contact100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 17px}
.contact100-form-btn {
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 160px;
    height: 42px;
    border-radius: 21px;
    background: #06c;
    cursor: pointer;
    box-shadow: 0 10px 30px 0px rgba(132,106,221,.5);
    -moz-box-shadow: 0 10px 30px 0px rgba(132,106,221,.5);
    -webkit-box-shadow: 0 10px 30px 0px rgba(132,106,221,.5);
    -o-box-shadow: 0 10px 30px 0px rgba(132,106,221,.5);
    -ms-box-shadow: 0 10px 30px 0px rgba(132,106,221,.5);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s}
.contact100-form-btn:hover {
    background: #333;
    box-shadow: 0 10px 30px 0px rgba(51,51,51,.5);
    -moz-box-shadow: 0 10px 30px 0px rgba(51,51,51,.5);
    -webkit-box-shadow: 0 10px 30px 0px rgba(51,51,51,.5);
    -o-box-shadow: 0 10px 30px 0px rgba(51,51,51,.5);
    -ms-box-shadow: 0 10px 30px 0px rgba(51,51,51,.5)}
@media (max-width: 576px) {
    .contact100-form {
    padding: 40px 15px 48px}
.input100 {
    padding: 0 25px 0 40px}
.label-input100 {
    width: 40px}
}
.validate-input {
    position: relative}
.alert-validate .focus-input100 {
    box-shadow: 0 5px 20px 0px rgba(250,66,81,.1);
    -moz-box-shadow: 0 5px 20px 0px rgba(250,66,81,.1);
    -webkit-box-shadow: 0 5px 20px 0px rgba(250,66,81,.1);
    -o-box-shadow: 0 5px 20px 0px rgba(250,66,81,.1);
    -ms-box-shadow: 0 5px 20px 0px rgba(250,66,81,.1)}
.alert-validate:before {
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: transparent;
    border: 1px solid #fa4251;
    border-radius: 2px;
    top: -1px;
    left: -1px;
    pointer-events: none}
.btn-hide-validate {
    font-size: 18px;
    color: #fa4251;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    top: 0;
    right: -25px}
.rs1-alert-validate.alert-validate:before {
    background-color: #fff}
.true-validate:after {
    content: "\f26b";
    font-size: 18px;
    color: #00ad5f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    top: 0;
    right: -25px}
@media (max-width: 576px) {
    .btn-hide-validate {
    right: 10px}
.true-validate:after {
    right: 10px}
}
.btn-hide-contact100 {
    font-size: 20px;
    color: #fff;
    opacity: .6;
    position: absolute;
    right: 10px;
    top: 5px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
    z-index: 10}
.btn-hide-contact100 .icon {
    margin: 0;
    padding: 0;
    background: 0 0}
.btn-hide-contact100:hover {
    opacity: 1}
.img-box {
    overflow: hidden;
    position: relative}
.img-box img {
    transition: 1s ease}
.img-box:hover img {
    transform: scale(1.1,1.1)}
.slideBox {
    overflow: hidden}
.hwaq-hover-btn {
    display: inline-block;
    position: relative}
.hwaq-hover-btn span {
    display: block;
    transition: all .5s ease 0s}
.hwaq-hover-btn:hover span {
    color: #ff5c19}
.hwaq-hover-btn:before,.hwaq-hover-btn:after,.hwaq-hover-btn span:before,.hwaq-hover-btn span:after {
    content: "";
    width: 25%;
    height: 100%;
    border-radius: 30px;
    border: 2px solid #ff5c19;
    border-left: none;
    border-right: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(.8);
    transition: all .3s ease 0s}
.hwaq-hover-btn:after {
    left: 25%}
.hwaq-hover-btn span:before {
    left: 50%}
.hwaq-hover-btn span:after {
    left: 75%}
.hwaq-hover-btn:hover:before,.hwaq-hover-btn:hover:after,.hwaq-hover-btn:hover span:before,.hwaq-hover-btn:hover span:after {
    border-radius: 0;
    opacity: 1;
    transform: scale(1)}
.hwaq-hover-btn:hover:before {
    border-left: 2px solid #ff5c19}
.hwaq-hover-btn:hover span:after {
    border-right: 2px solid #ff5c19}
.set_1_btn {
    color: #333;
    cursor: pointer;
    display: block;
    position: relative;
    vertical-align: middle;
    background: 0 0}
.set_1_btn:hover {
    text-decoration: none;
    transition: all .15s linear 0s}
.set_1_btn svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%}
.set_1_btn rect {
    fill: none;
    stroke: #e1b700;
    stroke-width: 2;
    stroke-dasharray: 422,0;
    transition: all .45s linear 0s}
.set_1_btn:hover rect {
    stroke-width: 5;
    stroke-dasharray: 15,310;
    stroke-dashoffset: 114;
    -webkit-transition: all 1.35s cubic-bezier(.19,1,.22,1);
    transition: all 1.35s cubic-bezier(.19,1,.22,1)}
.portfolio-item {
    position: relative;
    overflow: hidden;
    width: 300px;
    height: 300px}
.portfolio-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
.portfolio-item__info {
    position: absolute;
    top: 7px;
    left: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2*7px);
    height: calc(100% - 2*7px);
    background-color: rgba(38,37,37,.5)}
.portfolio-item__header {
    position: relative;
    margin: 0 0 20px;
    padding: 15px 0;
    font-size: 22px}
.portfolio-item__header:after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: 2px;
    width: 100%;
    content: '';
    background-color: #8d909b}
.portfolio-item__links {
    display: flex}
.portfolio-item__link-block {
    position: relative;
    width: 35px;
    height: 35px;
    margin-right: 10px}
.portfolio-item__link-block: last-child {
    margin-right: 0}
.portfolio-item__link {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    transition-delay: 0s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #101010;
    text-decoration: none;
    border: 1px solid #101010;
    border-radius: 50%}
.portfolio-item__link:hover {
    color: #fff;
    background-color: #101010}
.portfolio-item--eff3 .portfolio-item__info {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: linear;
    transition-delay: 0s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: right top;
    transform-origin: right top}
.portfolio-item--eff3 .portfolio-item__header {
    -webkit-transform: scale(.4);
    transform: scale(.4);
    opacity: 0}
.portfolio-item--eff3 .portfolio-item__header:after {
    bottom: -20px;
    opacity: 0}
.portfolio-item--eff3 .portfolio-item__link-block {
    opacity: 0}
.portfolio-item--eff3 .portfolio-item__link-block:first-child {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)}
.portfolio-item--eff3 .portfolio-item__link-block:nth-child(2) {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)}
.portfolio-item--eff3:hover .portfolio-item__info {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-duration: .3s;
    transition-timing-function: linear;
    transition-delay: 0s;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin: left top;
    transform-origin: left top}
.portfolio-item--eff3:hover .portfolio-item__header {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    transition-delay: .45s;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1}
.portfolio-item--eff3:hover .portfolio-item__header:after {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    transition-delay: .6s;
    bottom: 0;
    opacity: 1}
.portfolio-item--eff3:hover .portfolio-item__link-block {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    transition-delay: .85s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1}
.hwaq-img-fg-box {
    position: relative}
.hwaq-img-fg-box .pic {
    position: relative;
    z-index: 1;
    transform-origin: 95% 50% 0;
    transition: all .5s ease 0s}
.hwaq-img-fg-box:hover .pic {
    transform: rotate(-160deg);
    z-index: 10}
.hwaq-img-fg-box .pic img {
    width: 100%;
    height: auto;
    border-radius: 50%}
.hwaq-img-fg-box .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #b9607e}
@keyframes fadeInLeftSmall {
    from {
    opacity: 0;
    transform: translate3d(-10%,0,0)}
to {
    opacity: 1;
    transform: none}
}
.fadeInLeftSmall {
    animation-name: fadeInLeftSmall}
@keyframes fadeInRightSmall {
    from {
    opacity: 0;
    transform: translate3d(10%,0,0)}
to {
    opacity: 1;
    transform: none}
}
.fadeInRightSmall {
    animation-name: fadeInRightSmall}
@keyframes fadeInDownSmall {
    from {
    opacity: 0;
    transform: translate3d(0%,-10%,0)}
to {
    opacity: 1;
    transform: none}
}
.fadeInDownSmall {
    animation-name: fadeInDownSmall}
@keyframes fadeOutDownSmall {
    from {
    opacity: 1;
    transform: none}
to {
    opacity: 0;
    transform: translate3d(0%,10%,0)}
}
.fadeOutDownSmall {
    animation-name: fadeOutDownSmall}
@keyframes fadeInUpSmall {
    from {
    opacity: 0;
    transform: translate3d(0%,10%,0)}
to {
    opacity: 1;
    transform: none}
}
.fadeInUpSmall {
    animation-name: fadeInUpSmall}
.Txtblur1 {
    animation-duration: 1.2s!important;
    animation: Txtblur cubic-bezier(.82,.01,.34,1)}
.Txtblur2 {
    animation-duration: 1s!important;
    animation: Txtblur cubic-bezier(.82,.01,.34,1)}
.scaleIn {
    animation-duration: .8s!important;
    animation: scaleIn cubic-bezier(.82,.01,.34,1)}
@keyframes Txtblur {
    0% {
    filter: blur(12px);
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2)}
100% {
    filter: blur(0);
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1)}
}
@keyframes scaleIn {
    0% {
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1)}
100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1)}
}
.scale_go {
    animation: scale_go 3s cubic-bezier(.34,.9,1,1);
    animation-duration: 3s!important}
@keyframes scale_go {
    from {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3)}
to {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1)}
}
@media screen and (max-width: 1000px) {
    .grid-box.two>.column {
    width: 50%}
.grid-box.three>.column {
    width: 33.33333%}
.grid-box.four>.column {
    width: 33.33333%}
.grid-box.five>.column {
    width: 33.33333%}
}
@media screen and (max-width: 700px) {
    .grid-box.two>.column {
    width: 50%}
.grid-box.three>.column {
    width: 50%}
.grid-box.four>.column {
    width: 50%}
.grid-box.five>.column {
    width: 50%}
}
@media screen and (max-width: 500px) {
    .grid-box.two>.column {
    width: 100%}
.grid-box.three>.column {
    width: 100%}
.grid-box.four>.column {
    width: 100%}
.grid-box.five>.column {
    width: 100%}
}
@font-face {
    font-family: 'roboto-regular';
    src: url(/fonts/roboto-regular.ttf) format('truetype'),url(/fonts/roboto-regular.eot) format('eot'),url(/fonts/roboto-regular.woff) format('woff'),url(/fonts/roboto-regular.woff2) format('woff2')}
@font-face {
    font-family: 'roboto-bold';
    src: url(/fonts/roboto-bold.ttf) format('truetype'),url(/fonts/roboto-bold.eot) format('eot'),url(/fonts/roboto-bold.woff) format('woff'),url(/fonts/roboto-bold.woff2) format('woff2')}
@font-face {
    font-family: 'roboto-black';
    src: url(/fonts/roboto-black.ttf) format('truetype'),url(/fonts/roboto-black.eot) format('eot'),url(/fonts/roboto-black.woff) format('woff'),url(/fonts/roboto-black.woff2) format('woff2')}
@font-face {
    font-family: 'POPPINS-REGULAR';
    src: url(/fonts/poppins-regular.ttf) format('truetype'),url(/fonts/poppins-regular.eot) format('eot'),url(/fonts/poppins-regular.woff) format('woff'),url(/fonts/poppins-regular.woff2) format('woff2')}
@font-face {
    font-family: 'POPPINS-LIGHT';
    src: url(/fonts/poppins-light.ttf) format('truetype'),url(/fonts/poppins-light.eot) format('eot'),url(/fonts/poppins-light.woff) format('woff'),url(/fonts/poppins-light.woff2) format('woff2')}
body {
    font-family: "roboto-regular";
    max-width: 1920px;
    margin: 0 auto}
.ui.container {
    padding: 0 15px;
    position: relative;
    width: 1230px}
#header {
    z-index: 21;
    position: relative}
#header .h-top {
    line-height: 40px;
    height: 40px;
    background: #353535;
    color: #fff;
    font-size: 14px}
#header .h-top i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: top}
#header .h-top i img {
    display: inline-block;
    vertical-align: middle}
#header .h-top p {
    display: inline-block}
#header .h-top ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px}
#header .h-top ul li i {
    max-width: 20px}
#header .h-top ul li:hover {
    text-decoration: underline}
#header .nav {
    line-height: 100px;
    height: 100px}
#header .nav:before,#header:after {
    content: '';
    display: block;
    clear: both}
#header .nav .ui.menu {
    text-align: right}
#header .nav .ui.menu .logo {
    display: inline-block;
    margin-left: 0;
    margin-right: auto;
    vertical-align: middle;
    float: left}
#header .nav .ui.menu .logo img {
    display: inline-block;
    vertical-align: middle}
#header .nav .ui.menu .menu-box {
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: 0}
#header .nav .ui.menu .menu-box ul.menu>li {
    margin: 0 15px;
    font-size: 16px;
    color: #000;
    -webkit-perspective: 500px;
    perspective: 500px;
    transform-style: preserve-3d;
    z-index: 100;
    float: left;
    position: relative;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-transform: uppercase;
    font-family: "roboto-bold"}
#header .nav .ui.menu .menu-box ul.menu>li:hover {
    color: #3dafff}
#header .nav .ui.menu .menu-box ul.menu>li>a {
    display: block}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu {
    -webkit-perspective: 500px;
    perspective: 500px;
    transform-style: preserve-3d;
    text-align: left;
    position: absolute;
    font-size: 15px;
    background: #fff;
    top: 100%;
    left: -10px;
    width: 180px;
    transform: rotate3d(1,0,0,-90deg);
    -webkit-transform: rotate3d(1,0,0,-90deg);
    -moz-transform: rotate3d(1,0,0,-90deg);
    -ms-transform: rotate3d(1,0,0,-90deg);
    -o-transform: rotate3d(1,0,0,-90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    transition: transform .5s,opacity .3s;
    -webkit-transition: -webkit-transform .5s,opacity .3s;
    -moz-transition: -moz-transform .5s,opacity .3s;
    box-shadow: 0px 8px 10px rgba(0,0,0,.2);
    border-bottom: 3px solid #3dafff;
    display: none \9}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li {
    display: block;
    float: none;
    padding: 0 15px;
    line-height: 40px;
    color: #000;
    font-size: 12px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-transform: capitalize;
    position: relative}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li ul {
    display: none;
    left: 100%;
    top: 0}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover>ul {
    display: block}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li a {
    display: block}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover {
    background: #222;
    color: #fff}
#header .nav .ui.menu .menu-box ul.menu>li:hover ul.sub-menu {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: rotate3d(0,0,0,0);
    -webkit-transform: rotate3d(0,0,0,0);
    -moz-transform: rotate3d(0,0,0,0);
    -ms-transform: rotate3d(0,0,0,0);
    -o-transform: rotate3d(0,0,0,0);
    display: block \9}
#header .nav .ui.menu .h-search {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 0;
    cursor: pointer;
    cursor: hand;
    font-size: 16px}
#header .nav .search-box {
    line-height: normal;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none}
#header .nav .search-box form {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 60%;
    margin-left: -30%}
#header .nav .search-box form input {
    background: 0 0;
    outline: none;
    border: none}
#header .nav .search-box form input[type=text] {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    font-size: 26px;
    color: #000;
    padding: 10px 0}
#header .nav .search-box form input[type=submit] {
    width: 22px;
    height: 22px;
    background: url(../images/tc-zoom.png) no-repeat;
    position: absolute;
    right: 15px;
    top: 20px}
#header .nav .search-box form input[type=submit]:hover {
    opacity: .7;
    filter: alpha(opacity=70)}
#header .nav .search-box .close {
    width: 30px;
    height: 30px;
    background: url(../images/close.png) no-repeat;
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer}
#banner .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 80px;
    color: transparent;
    border: none;
    z-index: 1;
    outline: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0}
#banner .slick-arrow:hover {
    background-color: #3dafff}
#banner:hover .slick-arrow {
    opacity: 1}
#banner .slick-prev {
    background: url(../images/banner-btn-l.png) no-repeat center center rgba(0,0,0,.3);
    left: 15px}
#banner .slick-next {
    background: url(../images/banner-btn-r.png) no-repeat center center rgba(0,0,0,.3);
    right: 15px}
#banner ul.slick-dots {
    position: absolute;
    bottom: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)}
#banner ul.slick-dots li {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 10px;
    border-radius: 100%;
    border: 6px solid #fff;
    background-color: #3dafff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
#banner ul.slick-dots li button {
    display: none}
#banner ul.slick-dots li.slick-active {
    border-color: #3dafff;
    background-color: #fff}
#banner .slick-slide .content {
    display: none}
#banner .slick-active .content {
    display: block}
table {
    width: 100%;
    margin-bottom: 20px;
    word-break: break-word}
table td,table th {
    padding: 5px 10px;
    border: 1px solid #666;
    width: 50%}
table td:first-child {
    color: #2d2d2d}
table td: last-child {
    color: #666}
.wpulike.wpulike-default {
    display: none}
.prodet-page .wpulike.wpulike-default,.newdet-page .wpulike.wpulike-default {
    display: inline-block}
.post-views-box {
    position: relative;
    margin-left: 20px}
.post-views-box .wp_ulike_btn.wp_ulike_put_image:after {
    background-image: url(../images/fw.png) !important;
    filter: none}
.wpulike {
    z-index: 10}
.wpulike.post-views-box {
    z-index: 5}
#banner .metaslider .slider-wrapper .nivo-directionNav a {
    width: 50px;
    height: 80px;
    background-color: rgba(255,255,255,.2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px}
#banner .metaslider .slider-wrapper .nivo-directionNav a:hover {
    background-color: #3dafff}
#banner .metaslider .slider-wrapper .nivo-directionNav a.nivo-prevNav {
    background-image: url(../images/banner-btn-l.png)}
#banner .metaslider .slider-wrapper .nivo-directionNav a.nivo-nextNav {
    background-image: url(../images/banner-btn-r.png)}
#banner .theme-default .nivo-controlNav {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: auto !important}
#banner .theme-default .nivo-controlNav a {
    width: 25px !important;
    height: 25px !important;
    background: #fff !important;
    border: 7px solid #7d7d7d !important;
    border-radius: 100% !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0 8px !important}
#banner .theme-default .nivo-controlNav a.active {
    border-color: #3dafff !important}
#mobile {
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: none;
    z-index: 20}
#mobile:before {
    content: '';
    width: 200vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 100%;
    display: block;
    background: rgba(0,0,0,.13);
    z-index: -1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
#mobile #menu-on {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    position: absolute;
    left: 100%;
    top: 0;
    cursor: pointer;
    cursor: hand}
#mobile #menu-on i {
    width: 23px;
    height: 2px;
    background: #222;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center}
#mobile #menu-on i.line1 {
    top: 12px}
#mobile #menu-on i.line2 {
    top: 19px}
#mobile #menu-on i.line3 {
    top: 26px}
#mobile .menu-content {
    width: 100%;
    height: 100vh;
    display: block;
    background: #222;
    padding: 40px 10%;
    overflow-y: auto;
    color: #fff}
#mobile .menu-content:: -webkit-scrollbar {
    width: 3px;
    border-radius: 1.5px}
#mobile .menu-content:: -webkit-scrollbar-button {
    display: none}
#mobile .menu-content:: -webkit-scrollbar-track {
    background-color: #222}
#mobile .menu-content:: -webkit-scrollbar-thumb {
    background-color: #eee}
#mobile .menu-content h3 {
    font-size: 20px;
    color: inherit;
    text-transform: capitalize;
    margin-bottom: 10px}
#mobile .menu-content h3 i {
    font-size: 16px;
    position: relative;
    top: -1px}
#mobile .menu-content .menu-logo {
    display: block}
#mobile .menu-content .menu-logo img {
    margin: 0 auto}
#mobile .menu-content .menu-list {
    margin: 40px 0}
#mobile .menu-content .menu-list ul li {
    font-size: 15px;
    color: inherit;
    text-transform: uppercase;
    line-height: 20px}
#mobile .menu-content .menu-list ul li a {
    padding: 8px 0;
    display: block}
#mobile .menu-content .menu-list ul li a:hover {
    color: #3dafff;
    text-decoration: underline}
#mobile .menu-content .menu-list ul li li a {
    position: relative;
    padding-left: 15px;
    font-size: 13px;
    line-height: 18px}
#mobile .menu-content .menu-list ul li li a:after {
    content: '';
    width: 6px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)}
#mobile .menu-content .menu-list ul li li li a:after {
    width: 12px}
#mobile .menu-content .menu-list ul li li li a {
    padding-left: 25px}
#mobile .menu-content .mob-search form {
    position: relative}
#mobile .menu-content .mob-search form input {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    border: none;
    padding: 0 15px;
    font-size: 14px;
    color: #000}
#mobile .menu-content .mob-search form input[type=submit] {
    width: 45px;
    height: 45px;
    background: url(../images/icon-search-white.png) no-repeat center center #222;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0}
#mobile .menu-content .mob-yuy {
    margin: 40px 0}
#mobile .menu-content .mob-yuy ul li {
    margin-bottom: 10px;
    color: inherit;
    font-size: 14px}
#mobile .menu-content .mob-yuy ul li img {
    max-width: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px}
#mobile .menu-content .mob-share ul li {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background: #333;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    margin-right: 3px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
#mobile .menu-content .mob-share ul li:hover {
    background: #3dafff}
#mobile .menu-content #menu-off {
    margin-top: 40px;
    cursor: pointer;
    cursor: hand}
#mobile.active {
    left: 0}
#mobile.active:before {
    right: 0}
#mobile.active #menu-on i.line1 {
    -webkit-transform: translateX(-50%) rotateZ(45deg);
    -moz-transform: translateX(-50%) rotateZ(45deg);
    -ms-transform: translateX(-50%) rotateZ(45deg);
    -o-transform: translateX(-50%) rotateZ(45deg);
    transform: translateX(-50%) rotateZ(45deg);
    top: 12px;
    margin-left: 3px}
#mobile.active #menu-on i.line2 {
    opacity: 0}
#mobile.active #menu-on i.line3 {
    -webkit-transform: translateX(-50%) rotateZ(-45deg);
    -moz-transform: translateX(-50%) rotateZ(-45deg);
    -ms-transform: translateX(-50%) rotateZ(-45deg);
    -o-transform: translateX(-50%) rotateZ(-45deg);
    transform: translateX(-50%) rotateZ(-45deg);
    top: 28px;
    margin-left: 3px}
#mobile.white .menu-content {
    background: #fff;
    color: #000}
#mobile.white .menu-content .menu-list ul li li a:after {
    background: #000}
#mobile.white .menu-content .mob-search form input {
    border: 1px solid #000}
#mobile.white .menu-content .mob-search form input[type=submit] {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px}
#index-body .init-1 {
    padding: 150px 0 90px;
    background: url(../images/init-1-bg.jpg) center top no-repeat}
#index-body .init-1 .top {
    display: block}
#index-body .init-1 .top .left {
    width: 45%}
#index-body .init-1 .top .left h3 {
    font-size: 64px;
    font-family: "Impact";
    color: #3dafff;
    line-height: 64px}
#index-body .init-1 .top .left h3 small {
    display: block;
    font-size: 20px;
    font-family: "POPPINS-REGULAR";
    line-height: normal;
    margin-top: 15px;
    line-height: 20px}
#index-body .init-1 .top .left h4 {
    display: block;
    font-size: 30px;
    font-family: "roboto-black";
    color: #333;
    line-height: 36px;
    margin-top: 25px}
#index-body .init-1 .top .right {
    width: 52%; float:right;}
#index-body .init-1 .top .right p {
    font-size: 16px;
    color: #333;
    line-height: 29px;
    font-family: "POPPINS-REGULAR"}
#index-body .init-1 .top .right a.more {
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
    height: 50px;
    padding: 0 40px;
    background: #000;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 40px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-radius: 5px}
#index-body .init-1 .top .right a.more:hover {
    background: #3dafff}
#index-body .init-1 .bottom {
    padding-top: 110px}
#index-body .init-1 .bottom ul {
    margin: -10px}
#index-body .init-1 .bottom ul li {
    padding: 10px}
#index-body .init-1 .bottom ul li .box i {
    width: 30%}
#index-body .init-1 .bottom ul li .box .text {
    width: 70%;
    padding-left: 15px}
#index-body .init-1 .bottom ul li .box .text h3 {
    display: block;
    font-family: "roboto-black";
    font-size: 36px;
    color: #333}
#index-body .init-1 .bottom ul li .box .text h3 small {
    display: block;
    font-family: "POPPINS-REGULAR"}
#index-body .init-1 .bottom ul li .box .text p {
    display: block;
    font-size: 16px;
    color: #333;
    font-family: "POPPINS-REGULAR";
    line-height: 20px}
#index-body .init-2 ul li img {
    width: 100%}
#index-body .init-2 ul li .box {
    position: absolute;
    top: 22%;
    left: 12.5%;
    max-width: 35%}
#index-body .init-2 ul li .box i img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: auto}
#index-body .init-2 ul li .box i em {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #363636;
    font-family: "POPPINS-LIGHT";
    padding-bottom: 5px;
    line-height: 16px;
    border-bottom: 1px #363636 dotted;
    text-transform: uppercase}
#index-body .init-2 ul li .box h4 {
    display: block;
    font-size: 24px;
    color: #000;
    font-family: "roboto-black";
    line-height: 34px;
    margin: 20px 0 25px}
#index-body .init-2 ul li .box a.more {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    height: 30px;
    padding: 0 25px;
    border-radius: 15px;
    background: #3dafff;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
#index-body .init-2 ul li .box a.more:hover {
    background: #222}
#index-body .init-3 {
    background: url(../images/init-3-bg.jpg);
    padding: 120px 0 80px;
    color: #fff}
#index-body .init-3 .top .left {
    vertical-align: middle;
    width: 42%}
#index-body .init-3 .top .left h2 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 40px;
    font-family: "roboto-black";
    text-transform: uppercase;
    line-height: 40px}
#index-body .init-3 .top .left h2 small {
    display: block;
    font-size: 20px;
    font-family: "POPPINS-REGULAR";
    line-height: normal;
    text-transform: none}
#index-body .init-3 .top .left h2 i {
    position: absolute;
    left: 100%;
    bottom: 10px;
    width: 80px;
    margin-left: 10px}
#index-body .init-3 .top .right {
    text-align: right;
    vertical-align: middle;
    width: 58%}
#index-body .init-3 .top .right ul {
    margin: -5px -15px}
#index-body .init-3 .top .right ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 15px}
#index-body .init-3 .top .right ul li a {
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid transparent;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 16px}
#index-body .init-3 .top .right ul li a:hover,#index-body .init-3 .top .right ul li a.active {
    border-bottom-color: #fff}
#index-body .init-3 .bottom {
    padding-top: 90px;
    padding-right: 16%;
    overflow: hidden}
#index-body .init-3 .bottom {
    padding-top: 90px;
    padding-right: 16%;
    overflow: hidden}
#index-body .init-3 .bottom ul {
    margin: -15px}
#index-body .init-3 .bottom ul li {
    padding: 15px;
    ;
}
#index-body .init-3 .bottom ul li .box {
    display: block;
    opacity: .57;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
#index-body .init-3 .bottom ul li .box a.img-box {
    display: block;
    background-color: #fff;
    overflow: unset;
    -moz-box-shadow: 3px 10px 15px rgba(4,0,0,.75);
    -o-box-shadow: 3px 10px 15px rgba(4,0,0,.75);
    box-shadow: 3px 10px 15px rgba(4,0,0,.75);
    border-radius: 15px}
#index-body .init-3 .bottom ul li .box a.img-box span {
    overflow: hidden;
    display: block;
    border-radius: inherit}
#index-body .init-3 .bottom ul li .box a.img-box i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%,50%);
    -moz-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    -o-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    text-align: center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: #000}
#index-body .init-3 .bottom ul li .box a.img-box i img {
    width: 10px;
    display: inline-block;
    vertical-align: middle}
#index-body .init-3 .bottom ul li .box a.img-box i:hover {
    background: #3dafff}
#index-body .init-3 .bottom ul li .box h5 {
    display: block;
    text-align: center;
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "roboto-black";
    white-space: nowrap;
    text-overflow: ellipsis;

    overflow: hidden}
#index-body .init-3 .bottom ul .slick-list {
    overflow: unset}
#index-body .init-3 .bottom ul .slick-list .slick-active li .box {
    opacity: 1}
#index-body .init-4 {
    padding: 130px 0 110px}
#index-body .init-4 .top .left {
    width: 48%;
    vertical-align: middle}
#index-body .init-4 .top .left h2 {
    font-size: 44px;
    font-family: "roboto-bold";
    text-transform: uppercase;
    color: #000;
    line-height: 44px}
#index-body .init-4 .top .left h2 small {
    display: block;
    font-size: 16px;
    line-height: normal;
    margin-top: 15px}
#index-body .init-4 .top .left h2 small img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px}
#index-body .init-4 .top .right {
    width: 52%;
    vertical-align: middle}
#index-body .init-4 .top .right p {
    font-size: 16px;
    color: #535353;
    line-height: 28px}
#index-body .init-4 .bottom {
    padding-top: 50px}
#index-body .init-4 .bottom ul {
    margin: 0 -6px}
#index-body .init-4 .bottom ul li {
    padding: 0 6px}
#index-body .init-4 .bottom ul li a {
    display: block}
#index-body .init-4 .bottom ul li a img {
    width: 100%}
#index-body .init-4 .bottom ul li a .box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 50px 20px 30px;
    color: #fff;
    font-family: "roboto-bold";
    text-transform: uppercase;
    background: rgba(61,175,255,.85);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(61,175,255,.85)),color-stop(100%,transparent));
    background: -moz-linear-gradient(top,rgba(61,175,255,.85) 50%,transparent 100%);
    background: -webkit-linear-gradient(bottom,rgba(61,175,255,.85) 50%,transparent 100%);
    background: -o-linear-gradient(top,rgba(61,175,255,.85) 50%,transparent 100%);
    background: -ms-linear-gradient(top,rgba(61,175,255,.85) 50%,transparent 100%);
    background: linear-gradient(to top,rgba(61,175,255,.85) 50%,transparent);
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(61, 175, 255, 0.85)', endColorstr='transparent',GradientType=0)";
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(61, 175, 255, 0.85)',endColorstr='transparent',GradientType=0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
#index-body .init-4 .bottom ul li a .box .tag {
    font-size: 12px}
#index-body .init-4 .bottom ul li a .box .tag time,#index-body .init-4 .bottom ul li a .box .tag i {
    display: inline-block;
    vertical-align: middle}
#index-body .init-4 .bottom ul li a .box .tag i {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #fff}
#index-body .init-4 .bottom ul li a .box h5 {
    margin-top: 15px;
    font-size: 18px;
    line-height: 24px;
    max-height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden}
#index-body .init-4 .bottom ul li a:hover .box {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)}
#index-body .init-5 {
    text-align: center;
    padding: 100px 0 70px;
    background: url(../images/init-5-bg.jpg)}
#index-body .init-5 h2 {
    text-transform: uppercase;
    color: #000;
    font-size: 40px;
    font-family: "roboto-bold";
    line-height: 40px}
#index-body .init-5 p {
    display: block;
    font-size: 16px;
    color: #000;
    line-height: 28px;
    margin: 30px auto;
    max-width: 900px}
#index-body .init-5 img {
    display: block;
    margin: 0 auto}
#footer {
    background: #434343;
    background: -webkit-gradient(linear,25deg,color-stop(0%,#434343),color-stop(100%,#717171));
    background: -moz-linear-gradient(25deg,#434343 0%,#717171 100%);
    background: -webkit-linear-gradient(-25deg,#434343 0%,#717171 100%);
    background: -o-linear-gradient(25deg,#434343 0%,#717171 100%);
    background: -ms-linear-gradient(25deg,#434343 0%,#717171 100%);
    background: linear-gradient(25deg,#434343,#717171);
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#717171',GradientType=1)";
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#434343',endColorstr='#717171',GradientType=1)}
#footer .footer-top {
    padding: 130px 0 90px}
#footer .footer-top p {
    font-size: 18px;
    color: #fff;
    font-family: "POPPINS-REGULAR";
    display: block}
#footer .footer-top .form {
    margin-top: 20px}
#footer .footer-top .form ul {
    margin: -5px}
#footer .footer-top .form ul li {
    width: 16%;
    padding: 5px}
#footer .footer-top .form ul li input {
    width: 100%;
    line-height: 60px;
    height: 60px;
    background: rgba(166,168,172,.3);
    padding: 0 10px;
    border-radius: 10px;
    border: none;
    display: block;
    font-size: 16px;
    font-family: "POPPINS-REGULAR";
    color: #fff}
#footer .footer-top .form ul li input:: -webkit-input-placeholder {
    color: rgba(255,255,255,.48);
    text-transform: uppercase}
#footer .footer-top .form ul li input: -moz-placeholder {
    color: rgba(255,255,255,.48);
    text-transform: uppercase}
#footer .footer-top .form ul li input:: -moz-placeholder {
    color: rgba(255,255,255,.48);
    text-transform: uppercase}
#footer .footer-top .form ul li input: -ms-input-placeholder {
    color: rgba(255,255,255,.48);
    text-transform: uppercase}
#footer .footer-top .form ul li.textarea {
    width: 36%}
#footer .footer-top .form ul li.sub input {
    background: #3dafff;
    color: #fff;
    font-size: 24px;
    font-family: "roboto-bold";
    text-transform: uppercase;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-radius: 20px;
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.3);
    -o-box-shadow: 0 0 30px rgba(0,0,0,.3);
    box-shadow: 0 0 30px rgba(0,0,0,.3)}
#footer .footer-top .form ul li.sub input:hover {
    background: #000}
#footer .footer-center {
    padding: 60px 0 30px}
#footer .footer-center ul {
    margin: -15px}
#footer .footer-center ul li {
    padding: 15px}
#footer .footer-center ul li dl dt {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-family: "POPPINS-REGULAR";
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px}
#footer .footer-center ul li dl dt:after {
    content: '';
    width: 200px;
    max-width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,.66)}
#footer .footer-center ul li dl dt:before {
    content: '';
    bottom: -1px;
    position: absolute;
    left: 0;
    height: 3px;
    width: 25px;
    background: #fff}
#footer .footer-center ul li dl dd {
    font-size: 14px;
    color: rgba(255,255,255,.55);
    font-family: "POPPINS-REGULAR";
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    line-height: 36px}
#footer .footer-center ul li dl dd:hover {
    color: #fff}
#footer .footer-center ul li dl dd #ewm {
    max-width: 130px;
    border: 3px solid #fff;
    margin-top: 10px;
    display: inline-block}
#footer .footer-center ul li:nth-child(1) {
    width: 34%}
#footer .footer-center ul li:nth-child(2) {
    width: 18%}
#footer .footer-center ul li:nth-child(2) dd {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden}
#footer .footer-center ul li:nth-child(3) {
    width: 16%}
#footer .footer-center ul li:nth-child(4) {
    width: 17%}
#footer .footer-center ul li:nth-child(5) {
    width: 15%}
#footer .footer-bottom {
    border-top: 1px solid #666;
    padding: 30px 0 20px;
    text-align: center;
    font-size: 14px;
    font-family: "POPPINS-REGULAR";
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    width: 100%}
#footer .footer-bottom p {
    padding-top: 10px}
#footer .footer-bottom a:hover {
    text-decoration: underline}
#footer .footer-bottom ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px}
#footer .footer-bottom ul li:first-child {
    margin-left: 0}
@media screen and (max-width: 1400px) {
    #header .nav {
    height: 80px;
    line-height: 80px}
#index-body .init-1 {
    padding: 70px 0}
#index-body .init-1 .top .left h4 {
    font-size: 26px;
    line-height: 28px}
#index-body .init-1 .top .left h3 {
    font-size: 50px;
    line-height: 50px}
#index-body .init-1 .top .left h3 small {
    font-size: 16px;
    line-height: 20px}
#index-body .init-1 .top .right p {
    font-size: 14px;
    line-height: 24px}
#index-body .init-1 .top .right a.more {
    line-height: 40px;
    height: 40px;
    padding: 0 20px}
#index-body .init-1 .bottom {
    padding-top: 60px}
#index-body .init-1 .bottom ul li .box .text h3 {
    font-size: 32px}
#index-body .init-2 ul li .box h4 {
    font-size: 20px;
    line-height: 30px}
#index-body .init-3 {
    padding: 70px 0}
#index-body .init-3 .bottom {
    padding-top: 50px;
    padding-right: 0}
#index-body .init-4 {
    padding: 70px 0}
#index-body .init-4 .top .left h2 {
    font-size: 36px;
    line-height: 36px}
#index-body .init-5 {
    padding: 70px 0 40px}
#footer .footer-top {
    padding: 50px 0 30px}
#footer .footer-center {
    padding: 40px 0 10px}
#footer .footer-bottom {
    padding: 15px 0}
#footer .footer-center ul li dl dd {
    line-height: 28px}
}
@media screen and (max-width: 1250px) {
    .ui.container {
    width: 970px}
#header .nav .ui.menu .logo img {
    height: 50px}
#header .nav .ui.menu .menu-box ul.menu>li {
    margin: 0 10px;
    font-size: 14px}
#index-body .init-1 .top .left h3 {
    font-size: 44px;
    line-height: 44px}
#index-body .init-1 .top .left h3 small {
    font-size: 14px;
    margin-top: 10px}
#index-body .init-1 .top .left h4 {
    font-size: 24px;
    line-height: 24px}
#index-body .init-1 .bottom ul li .box .text h3 {
    font-size: 28px}
#index-body .init-1 .bottom ul li .box .text p {
    font-size: 14px}
#index-body .init-2 ul li .box h4 {
    font-size: 16px;
    line-height: 24px}
#index-body .init-2 ul li .box i em {
    font-size: 14px}
#index-body .init-2 ul li .box a.more {
    font-size: 14px}
#index-body .init-3 .top .left h2 {
    font-size: 32px;
    line-height: 32px}
#index-body .init-3 .top .left h2 small {
    font-size: 16px}
#index-body .init-3 .top .right ul li a {
    font-size: 14px}
#index-body .init-3 .bottom ul li .box a.img-box i {
    width: 40px;
    height: 40px;
    line-height: 40px}
#index-body .init-3 .bottom ul li .box a.img-box i img {
    width: 8px}
#index-body .init-3 .bottom ul li .box h5 {
    margin-top: 40px;
    font-size: 16px}
#index-body .init-3 .bottom {
    padding-left: 15px;
    padding-right: 15px}
#index-body .init-4 .top .left h2 {
    font-size: 28px;
    line-height: 28px}
#index-body .init-4 .top .left h2 small {
    font-size: 14px}
#index-body .init-4 .top .left h2 small img {
    max-height: 20px}
#index-body .init-4 .top .right p {
    font-size: 14px;
    line-height: 24px}
#index-body .init-4 .bottom ul li a .box {
    padding: 30px 15px 10px}
#index-body .init-4 .bottom ul li a .box h5 {
    font-size: 16px}
#index-body .init-5 h2 {
    font-size: 32px;
    line-height: 32px}
#index-body .init-5 p {
    font-size: 14px;
    line-height: 24px;
    margin: 15px auto}
#footer .footer-top .form ul li input {
    line-height: 40px;
    height: 40px;
    font-size: 14px}
#footer .footer-top .form ul li.sub input {
    border-radius: 10px;
    font-size: 18px}
#footer .footer-top p {
    font-size: 16px}
#footer .footer-center ul li dl dt {
    white-space: nowrap}
}
@media screen and (max-width: 1000px) {
    .ui.container {
    width: 700px}
#mobile {
    display: block}
#header {
    display: none}
#index-body .init-1 .bottom ul li {
    width: 50%}
#index-body .init-1 .bottom ul li .box i img {
    max-height: 50px}
#index-body .init-1 .bottom ul li .box .text h3 {
    font-size: 26px;
    line-height: 26px}
#index-body .init-2 ul li .box {
    max-width: 50%;
    left: 0;
    padding-left: 15px}
#index-body .init-3 .top .left h2 i {
    width: 50px}
#index-body .init-3 .top .left {
    text-align: center;
    width: 100%}
#index-body .init-3 .top .right {
    width: 100%;
    text-align: center;
    padding-top: 20px}
#index-body .init-3 .bottom {
    padding-top: 30px}
#index-body .init-3 {
    padding: 70px 0 30px}
#index-body .init-5 h2 {
    font-size: 28px;
    line-height: 28px}
#footer .footer-top .form ul li {
    width: 33.33%}
#footer .footer-top .form ul li.textarea {
    width: 80%}
#footer .footer-top .form ul li.sub {
    width: 20%}
#footer .footer-top .form ul li.sub input {
    font-size: 16px}
#footer .footer-center ul li:nth-child(1) {
    width: 100%}
#footer .footer-center ul li:nth-child(2),#footer .footer-center ul li:nth-child(3),#footer .footer-center ul li:nth-child(4) {
    width: 33.333%}
#footer .footer-center ul li:nth-child(5) {
    display: none}
#footer .footer-center ul li dl dt {
    padding-bottom: 10px;
    margin-bottom: 10px}
#footer .footer-bottom p {
    float: none;
    text-align: center}
#footer .footer-bottom ul {
    float: none;
    text-align: center}
}
@media screen and (max-width: 700px) {
    .ui.container {
    width: 100%}
#index-body .init-1 .top .left {
    width: 100%}
#index-body .init-1 .top .right {
    width: 100%;
    padding-top: 15px}
#index-body .init-1 .top .left h4 {
    font-size: 20px;
    line-height: 20px;
    margin-top: 10px}
#index-body .init-1 {
    padding: 40px 0}
#index-body .init-2 ul li .box h4 {
    font-size: 18px;
    line-height: 26px}
#index-body .init-3 .top .left h2 {
    font-size: 26px;
    line-height: 26px}
#index-body .init-3 .top .left h2 small {
    font-size: 14px}
#index-body .init-3 .bottom ul li {
    padding: 10px}
#index-body .init-3 .bottom ul {
    margin: -10px}
#index-body .init-4 {
    padding: 40px 0}
#index-body .init-4 .top .left {
    width: 100%}
#index-body .init-4 .top .right {
    width: 100%;
    padding-top: 20px}
#index-body .init-4 .top .left h2 {
    font-size: 24px;
    line-height: 24px}
#index-body .init-4 .top .left h2 small {
    margin-top: 10px}
#index-body .init-4 .bottom {
    padding-top: 30px}
#index-body .init-4 .bottom ul li a .box h5 {
    font-size: 14px;
    line-height: 20px}
#index-body .init-5 {
    padding: 40px 0 20px}
#index-body .init-5 h2 {
    font-size: 24px;
    line-height: 24px}
#footer .footer-center ul li dl dd {
    font-size: 13px;
    line-height: 26px}
#footer .footer-bottom {
    font-size: 12px}
#footer .footer-bottom ul li img {
    max-width: 30px}
}
@media screen and (max-width: 500px) {
    #index-body .init-1 .bottom ul li .box .text h3 {
    font-size: 18px;
    line-height: 20px}
#index-body .init-1 .bottom ul li .box .text p {
    font-size: 12px}
#index-body .init-2 ul li .box h4 {
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0}
#index-body .init-3 .top .right {
    display: none}
#index-body .init-3 {
    padding: 40px 0 30px}
#footer .footer-top .form ul li {
    width: 100% !important}
#footer .footer-center {
    padding: 20px 0 10px}
#footer .footer-center ul li:nth-child(2),#footer .footer-center ul li:nth-child(3),#footer .footer-center ul li:nth-child(4) {
    width: 100%}
}
.inner-banner {
    height: 430px;
    margin-top: 0 !important;
    padding-top: 150px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-attachment: fixed}
.inner-banner canvas {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)}
.inner-banner .about {
    padding-top: 150px}
.inner-banner .box h2 {
    font-size: 48px;
    font-family: "roboto-bold";
    text-transform: uppercase;
    padding-bottom: 30px;
    line-height: 50px}
.inner-banner .box h2:after {
    width: 160px;
    height: 2px;
    display: block;
    background: rgba(255,255,255,.4);
    margin-top: 30px}
.inner-banner .box p {
    max-width: 700px}
.inner-banner .box .play {
    display: block;
    margin-top: 20px;
    cursor: pointer;
    cursor: hand}
.inner-banner .box .play i {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 26px;
    border-radius: 100%;
    border: 2px solid #fff;
    font-size: 12px}
.inner-banner .box .play i:before {
    position: relative;
    left: 2px}
.inner-banner .box .play p {
    display: inline-block;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid rgba(255,255,255,.7)}
.inner-banner .about-banner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%}
.inner-banner .about-banner ul {
    border-top: 1px solid rgba(255,255,255,.5)}
.inner-banner .about-banner ul li {
    padding: 40px;
    border-left: 1px solid rgba(255,255,255,.5)}
.inner-banner .about-banner ul li:first-child {
    border-left: none;
    padding-left: 0}
.inner-banner .about-banner ul li h3 {
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 28px}
.inner-page {
    border-bottom: 6px solid #3dafff;
    overflow: hidden;
    position: relative;
    z-index: 1}
.inner-page h2 {
    text-align: center;
    font-size: 34px;
    color: #2b2b2b;
    line-height: 34px;
    font-family: "roboto-bold";
    display: block}
.inner-page .slick-arrow {
    color: transparent;
    width: 20px;
    height: 20px;
    border: none;
    background: 0 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)}
.inner-page .slick-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: "FontAwesome";
    font-size: 50px;
    color: #0061a3;
    width: inherit;
    line-height: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
.inner-page .slick-arrow:hover:after {
    color: #3dafff}
.inner-page .slick-arrow.slick-prev {
    right: 100%;
    margin-right: 20px}
.inner-page .slick-arrow.slick-prev:after {
    content: "\f104"}
.inner-page .slick-arrow.slick-next {
    left: 100%;
    margin-left: 20px}
.inner-page .slick-arrow.slick-next:after {
    content: "\f105"}
.inner-page .slick-dots {
    padding-top: 30px}
.inner-page .slick-dots li {
    width: 12px;
    height: 12px;
    border: 1px solid #0061a3;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px !important;
    padding: 0 !important;
    background: 0 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
    cursor: hand}
.inner-page .slick-dots li button {
    display: none}
.inner-page .slick-dots li:hover,.inner-page .slick-dots li.slick-active {
    background: #0061a3}
.inner-page .m-page {
    text-align: center;
    padding-top: 30px}
.inner-page .m-page a,.inner-page .m-page span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border: 1px solid #eee;
    background: #fff;
    line-height: 40px;
    text-align: center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
.inner-page .m-page a:hover,.inner-page .m-page a.current {
    color: #fff;
    background: #3dafff}
.inner-page ul.news-list {
    margin: -15px -8px}
.inner-page ul.news-list li {
    padding: 15px 8px;
    text-align: left}
.inner-page ul.news-list li a {
    background: #fff;
    display: block;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
.inner-page ul.news-list li a span {
    display: block;
    overflow: hidden}
.inner-page ul.news-list li a span img {
    width: 100%}
.inner-page ul.news-list li a h3 {
    padding: 15px 15px 10px;
    font-size: 20px;
    color: #262626;
    font-family: "roboto-bold";
    line-height: 26px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    white-space: nowrap;
    text-overflow: ellipsis}
.inner-page ul.news-list li a time {
    display: block;
    padding: 0 15px 20px;
    font-size: 14px;
    color: #666;
    line-height: 18px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
.inner-page ul.news-list li a:hover {
    background: #3dafff}
.inner-page ul.news-list li a:hover h3,.inner-page ul.news-list li a:hover time {
    color: #fff}
.inner-page .pro-list ul {
    margin: -7px;}
.inner-page .pro-list ul li {
    padding: 7px;background-color:#f8f8f8;
	margin:0px 0px 16px 0px;
	
    text-align: left}
.inner-page .pro-list ul li a {
    display: block;
    background: #fff;
}
.inner-page .pro-list ul li a span {
    display: block;
    overflow: hidden}
.inner-page .pro-list ul li a h3 {
    padding: 10px 15px;
    font-size: 18px;
	text-align:center;
	border-top:1px solid #eee;
    font-family: "roboto-bold";
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
.inner-page .pro-list ul li a h3:hover {
    color: #3dafff}
.inner-page .pro-list ul li a p {
    padding: 0 15px 10px;
    color: #666;
    font-size: 14px}
.about-page .about-1 {
    padding: 80px 0}
.about-page .about-1 .box .grid-box {
    margin: 0 -15px}
.about-page .about-1 .box .grid-box .column {
    padding: 0 15px;
    vertical-align: middle}
.about-page .about-1 .box .box2 {
    padding-top: 40px}
.about-page .about-1 .box .box2 .right img {
    width: 100%}
.about-page .about-1 .box .box2 .text ul {
    padding-top: 30px}
.about-page .about-1 .box .box2 .text ul li {
    vertical-align: top;
    text-align: center}
.about-page .about-1 .box .box2 .text ul li h3 {
    font-size: 30px;
    font-family: "roboto-bold"}
.about-page .about-1 .box .box2 .text ul li h3 sup {
    margin-left: 10px;
    font-size: 18px}
.about-page .about-1 .box .box2 .text ul li p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 10px}
.about-page .about-2 {
    background: rgba(53,138,195,.08);
    padding: 80px 0;
    text-align: center}
.about-page .about-2 p {
    margin: 30px 0 40px;
    padding: 0 5%}
.about-page .about-2 .box ul {
    margin: 0 -7px}
.about-page .about-2 .box ul li {
    padding: 0 7px}
.about-page .about-2 .box ul li a {
    display: block}
.about-page .about-2 .box ul li a span {
    display: block;
    overflow: hidden}
.about-page .about-2 .box ul li a img {
    width: 100%}
.about-page .about-2 .box ul li a h3 {
    font-size: 18px;
    color: #333;
    font-family: "roboto-bold";
    text-transform: capitalize;
    margin-top: 20px}
.about-page .about-3 {
    padding: 100px 0;
    text-align: center}
.about-page .about-3 h3 {
    font-size: 34px;
    color: #333;
    font-family: "roboto-bold";
    line-height: 34px}
.about-page .about-3 p {
    padding: 40px 5%}
.about-page .about-3 .year ul {
    position: relative}
.about-page .about-3 .year ul:after {
    content: '';
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(66,66,66,.5);
    z-index: -1}
.about-page .about-3 .year ul li {
    position: relative;
    padding-top: 90px;
    padding-bottom: 30px}
.about-page .about-3 .year ul li h4 {
    font-size: 18px;
    color: #424242;
    margin-bottom: 5px;
    height: 27px;
    position: relative;
    top: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
.about-page .about-3 .year ul li i {
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: rgba(53,138,195,.3);
    border: 1px solid #fff;
    margin: 0 auto;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative}
.about-page .about-3 .year ul li i:after,.about-page .about-3 .year ul li i:before {
    content: '';
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background: #358ac3;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
.about-page .about-3 .year ul li i:before {
    height: 40px;
    width: 40px;
    opacity: 0;
    background: rgba(53,138,195,.3)}
.about-page .about-3 .year .slick-center li h4 {
    font-size: 64px;
    font-family: "roboto-bold";
    top: -80px}
.about-page .about-3 .year .slick-center li i {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)}
.about-page .about-3 .year .slick-center li i:before {
    opacity: 1}
.about-page .about-3 .year .slick-arrow {
    top: auto;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    bottom: 30px}
.about-page .about-3 .year .slick-arrow:after {
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border-radius: 100%;
    border: 1px solid #0061a3}
.about-page .about-3 .content {
    padding: 30px 5% 0}
.about-page .about-3 .content li .left {
    vertical-align: middle;
    padding-right: 30px}
.about-page .about-3 .content li .left img {
    width: 100%}
.about-page .about-3 .content li .right {
    text-align: left;
    vertical-align: middle}
.about-page .about-3 .content li .right h4 {
    font-size: 28px;
    color: #333;
    font-family: "roboto-bold";
    margin-bottom: 30px}
.about-page .about-3 .content li .right p {
    padding: 0;
    color: #424242}
.about-page .about-4 {
    background: #eff6fa;
    padding: 80px 0;
    text-align: center}
.about-page .about-4 p {
    padding: 40px 5%}
.about-page .about-4 .box {
    padding: 0 80px}
.about-page .about-4 .box ul {
    margin: -10px -20px;
    position: relative}
.about-page .about-4 .box ul li {
    padding: 10px 20px}
.about-page .about-4 .box ul li span {
    display: block;
    position: relative;
    z-index: 1}
.about-page .about-4 .box ul li span img {
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    display: block}
.about-page .about-4 .box ul li span:after {
    content: '';
    width: 100%;
    height: 27px;
    background: url(../images/about-5.jpg) no-repeat;
    position: absolute;
    left: 0;
    bottom: -20px;
    background-size: 100% auto;
    z-index: -1}
.about-page .about-4 .box ul li h4 {
    font-size: 20px;
    font-family: "roboto-bold";
    color: #333;
    margin: 20px 0 10px}
.about-page .about-4 .box ul li p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #666;
    line-height: 24px}
.about-page .about-4 .box ul .slick-arrow {
    top: 37%}
.lg-page {
    padding: 70px 0;
    text-align: center}
.lg-page ul {
    margin: -10px}
.lg-page ul li {
    padding: 10px}
.lg-page ul li a {
    display: block}
.lg-page ul li a h3 {
    color: #333;
    background: #eee;
    padding: 10px 5px;
    position: relative;
    z-index: 1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
.lg-page ul li a:hover h3 {
    background: #3dafff;
    color: #fff}
.faq-page {
    padding: 70px 0}
.faq-page ul li {
    background: #f9f9f9;
    margin-bottom: 20px}
.faq-page ul li .q {
    background: #eee;
    padding: 10px 10px 10px 50px;
    font-size: 18px;
    font-family: "roboto-bold";
    position: relative}
.faq-page ul li .a {
    padding: 20px 20px 20px 50px;
    position: relative}
.faq-page ul li i {
    position: absolute;
    left: 10px}
.news-page {
    padding: 80px 0;
    background: #f5f5f5}
.news-page .news-1 {
    text-align: center}
.news-page .news-1 ul {
    margin-bottom: 25px;
    border-bottom: 1px solid #b8b8b8}
.news-page .news-1 ul li {
    width: auto;
    padding: 0 25px;
    margin-bottom: 15px;
    border-left: 1px solid #b8b8b8;
    line-height: 24px}
.news-page .news-1 ul li:first-child {
    border-left: none}
.news-page .news-1 ul li a {
    position: relative;
    display: block;
    padding: 0 5px}
.news-page .news-1 ul li a:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 0;
    bottom: -16px;
    left: 0;
    background: #0061a3;
    background: -webkit-linear-gradient(-23deg,#00bcd4 0%,#358ac3 100%);
    background: -o-linear-gradient(-23deg,#00bcd4 0%,#358ac3 100%);
    background: -moz-linear-gradient(-23deg,#00bcd4 0%,#358ac3 100%);
    background: linear-gradient(157deg,#00bcd4 0%,#358ac3 100%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
.news-page .news-1 ul li:hover a:after,.news-page .news-1 ul li.active a:after {
    width: 100%}
.newdet-page .newdet-1 {
    padding: 20px 0;
    background: #fff}
.newdet-page .newdet-1 h3 {
    font-size: 30px;
    color: #212121}
.newdet-page .newdet-1 .tag {
    color: #212121;
    margin: 20px 0 10px;
    display: block}
.newdet-page .newdet-1 .content {
    border-top: 1px solid #757575;
    border-bottom: 1px solid #757575;
    padding: 25px 0;
    color: #424242}
.newdet-page.technology .newdet-1 .content {
    border: none !important;
    margin-top: 30px}
.newdet-page .newdet-1 .content img,.newdet-page .newdet-1 .content p {
    margin-bottom: 20px}
.newdet-page .newdet-1 .share {
    padding-top: 30px;
    text-align: center}
.newdet-page .newdet-1 .share ul li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: 0 5px;
    background: #eee;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
.newdet-page .newdet-1 .share ul li a {
    display: block}
.newdet-page .newdet-1 .share ul li:hover {
    color: #fff;
    background: #3dafff}
.newdet-page .newdet-2 {
    padding: 100px 0;
    background: #f5f5f5;
    text-align: center}
.contact-page .contact-1 .left {
    text-align: right;
    vertical-align: middle}
.contact-page .contact-1 .left .box2 {
    text-align: left;
    max-width: 725px;
    padding-left: 15px;
    display: inline-block;
    padding-right: 8%;
    width: 100%}
.contact-page .contact-1 .left .box2 h3 {
    font-size: 28px;
    font-family: "roboto-bold";
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b8b8b8}
.contact-page .contact-1 .left .box2 h4 {
    font-size: 22px;
    font-family: "roboto-bold"}
.contact-page .contact-1 .left .box2 ul li {
    margin-bottom: 20px}
.contact-page .contact-1 .left .box2 ul li h4 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px}
.contact-page .contact-1 .left .box2 ul li p {
    color: #424242;
    margin-top: 10px}
.contact-page .contact-1 .right {
    vertical-align: middle;
    position: relative}
.contact-page .contact-1 .right .button-group .button {
    background: #3dafff !important}
.contact-page .contact-1 .right .amap-logo,.contact-page .contact-1 .right .amap-copyright {
    display: none !important}
.contact-page .contact-2 {
    background: rgba(53,138,195,.08);
    padding: 100px 0;
    text-align: center}
.contact-page .contact-2 p {
    padding: 50px 5%}
.contact-page .contact-2 a.more {
    display: inline-block;
    line-height: 50px;
    height: 50px;
    border-radius: 25px;
    padding: 0 35px;
    background: #0061a3;
    background: -webkit-linear-gradient(157deg,#358ac3 0%,#00bcd4 100%);
    background: -o-linear-gradient(157deg,#358ac3 0%,#00bcd4 100%);
    background: -moz-linear-gradient(157deg,#358ac3 0%,#00bcd4 100%);
    background: linear-gradient(23deg,#358ac3 0%,#00bcd4 100%);
    color: #fff;
    font-size: 18px}
.contact-page .contact-3 {
    padding: 80px 0;
    text-align: center}
.contact-page .contact-3 p {
    margin: 15px 0;
    color: #666}
.contact-page .contact-3 .form {
    padding-top: 30px}
.contact-page .contact-3 .form ul {
    margin: -15px}
.contact-page .contact-3 .form ul li {
    padding: 15px}
.contact-page .contact-3 .form ul li input,.contact-page .contact-3 .form ul li textarea {
    width: 100%;
    line-height: 50px;
    height: 50px;
    border: 1px solid #bdbdbd;
    background: #fff;
    padding: 0 25px;
    -webkit-transition: .5s border-color;
    -moz-transition: .5s border-color;
    -ms-transition: .5s border-color;
    -o-transition: .5s border-color;
    transition: .5s border-color;
    font-size: 14px}
.contact-page .contact-3 .form ul li input:focus,.contact-page .contact-3 .form ul li textarea:focus {
    border-color: #3dafff}
.contact-page .contact-3 .form ul li.wid-100 {
    width: 100%}
.contact-page .contact-3 .form ul li textarea {
    height: 200px;
    line-height: 28px;
    padding: 11px 25px;
    resize: vertical}
.contact-page .contact-3 .form ul li input[type=submit] {
    border: none;
    color: #fff;
    font-size: 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: #3dafff;
    background: -webkit-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: -o-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: -moz-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: linear-gradient(23deg,#3dafff 30%,#00bcd4 100%)}
.product-page {
    padding: 80px 0;
    background: #fff}
.product-page .product-1 .left {
    width: 25%;
    vertical-align: top;
    padding-right: 30px}
.product-page .product-1 .left h3 {
    font-size: 24px;
    color: #fff;
    font-family: "roboto-bold";
    text-transform: uppercase;
    padding: 15px 30px;
    background: #0061a3}
.product-page .product-1 .left .box {
    padding-top: 15px}
.product-page .product-1 .left .box ul li {
    background: #f5f5f5}
.product-page .product-1 .left .box ul li a {
    display: block;
    border-bottom: 1px solid #fff;
    padding: 20px 30px;
    font-size: 18px;
    color: #666;
    font-family: "Arial"}
.product-page .product-1 .left .box ul li a:hover,.product-page .product-1 .left .box ul li.active>a {
    background: #3dafff;
    background: -webkit-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: -o-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: -moz-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: linear-gradient(23deg,#3dafff 30%,#00bcd4 100%);
    color: #fff}
.product-page .product-1 .left .box ul li li a {
    padding: 11px 30px;
    padding-left: 40px;
    position: relative;
    background: #fcfcfc;
    font-size: 16px}
.product-page .product-1 .left .box ul li li a:after {
    content: '-';
    position: absolute;
    left: 30px;
    top: 11px}
.product-page .product-1 .left .box ul li li li a {
    padding-left: 47px;
    background: #fdfdfd}
.product-page .product-1 .left .box ul li li li a:after {
    content: '--'}
.product-page .product-1 .right {
    width: 75%;
    vertical-align: top}
.product-page .product-1 .right .content {
    font-family: "Arial";
    color: #666}
.product-page .product-1 .right .content p {
    margin-bottom: 15px}
.product-page .product-1 .right .content p em {
    font-weight: 700;
    color: #333}
.product-page .product-1 .right .content2>table {
    width: 30% !important;
    margin-right: 5%;
    display: inline-block;
    vertical-align: top;
    max-height: 1000px;
    overflow: auto;
    margin-left: -4px}
.product-page .product-1 .right .content2>table tr {
    width: 100%}
.product-page .product-1 .right .content2>table tr:first-child,.product-page .product-1 .right .content2>table tr:first-child td,.product-page .product-1 .right .content2>table tr:first-child th {
    text-align: center}
.product-page .product-1 .right .content2>table tbody,.product-page .product-1 .right .content2>table tr,.product-page .product-1 .right .content2>table th,.product-page .product-1 .right .content2>table td {
    display: inline-block;
    float: left}
.product-page .product-1 .right .content2>table td,.product-page .product-1 .right .content2>table th {
    padding: 15px 10px}
.product-page .product-1 .right .content2>table:nth-child(3n) {
    margin-right: 0}
.product-page .product-1 .right .content2>table:nth-child(3n+1) {
    margin-left: 0}
.prodet-page .prodet-1 {
    padding: 60px 0}
.prodet-page .prodet-1 .left {
    padding-right: 50px}
.prodet-page .prodet-1 .left span {
    display: block;
    background: #f5f5f5;
    border: 1px solid #ccc;
    text-align: center;
    padding: 15px}
.prodet-page .prodet-1 .left span img {
    display: block;
    margin: 0 auto}
.prodet-page .prodet-1 .right h2 {
    text-align: left}
.prodet-page .prodet-1 .right h5 {
    font-size: 18px;
    color: #666;
    margin-top: 5px}
.prodet-page .prodet-1 .right .content {
    font-size: 14px;
    color: #333;
    padding: 25px 0}
.prodet-page .prodet-1 .right .contact a {
    display: inline-block;
    line-height: 50px;
    height: 50px;
    width: 220px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #3dafff;
    background: -webkit-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: -o-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: -moz-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: linear-gradient(23deg,#3dafff 30%,#00bcd4 100%)}
.prodet-page .prodet-1 .right .contact a.down {
    background: #f4f4f4;
    color: #333;
    margin-left: 20px}
.prodet-page .prodet-1 .right .contact a.down:hover {
    background: #3dafff;
    background: -webkit-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: -o-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: -moz-linear-gradient(157deg,#3dafff 30%,#00bcd4 100%);
    background: linear-gradient(23deg,#3dafff 30%,#00bcd4 100%);
    color: #fff}
.prodet-page .prodet-1 .right .pro-det-img {
    margin-top: 30px;
    border-top: 1px solid rgba(35,31,32,.08);
    padding-top: 30px;
    text-align: center}
.prodet-page .prodet-1 .right .pro-det-img ul {
    margin: -10px}
.prodet-page .prodet-1 .right .pro-det-img ul .slick-track {
    margin-left: 0}
.prodet-page .prodet-1 .right .pro-det-img ul li {
    padding: 10px}
.prodet-page .prodet-1 .right .pro-det-img ul li i,.prodet-page .prodet-1 .right .pro-det-img ul li span {
    display: none}
.prodet-page .prodet-2 {
    padding: 60px 0;
    background: #f5f9fc}
.prodet-page .prodet-2 h2 {
    border-bottom: 1px solid rgba(0,0,0,.08);
    text-align: left;
    padding-bottom: 15px}
.prodet-page .prodet-2 .content {
    padding-top: 30px;
    line-height: 28px;
    max-height: 1400px;
    overflow-x: auto}
.prodet-page .prodet-2 .content ul li {
    padding-left: 20px;
    position: relative}
.prodet-page .prodet-2 .content ul li:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background: #3dafff;
    position: absolute;
    left: 0;
    top: 8px}
.prodet-page .prodet-2 .opsition {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.08);
    margin-bottom: 15px}
.prodet-page .prodet-2 .opsition:after {
    content: '';
    display: block;
    clear: both}
.prodet-page .prodet-2 .opsition>div {
    padding: 10px 20px;
    font-size: 18px;
    float: left;
    cursor: pointer;
    cursor: hand;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s}
.prodet-page .prodet-2 .opsition>div.active,.prodet-page .prodet-2 .opsition>div:hover {
    background: #3dafff;
    color: #fff}
.prodet-page .prodet-3 {
    padding: 50px 0}
.prodet-page .prodet-3 .box {
    padding-top: 30px;
    text-align: center}
@media screen and (max-width: 1700px) {
    .inner-page .slick-arrow.slick-prev {
    margin-right: 0;
    right: auto;
    left: 0;
    z-index: 1}
.inner-page .slick-arrow.slick-next {
    margin-left: 0;
    left: auto;
    right: 0;
    z-index: 1}
}
@media screen and (max-width: 1520px) {
    .product-page .product-1 .left .box ul li a {
    padding: 15px 30px}
}
@media screen and (max-width: 1400px) {
    .contact-page .contact-1 .left .box2 h3 {
    font-size: 24px}
.contact-page .contact-1 .left .box2 h4 {
    font-size: 20px}
.inner-page h2,.newdet-page .newdet-1 h3 {
    font-size: 30px;
    line-height: 30px}
.contact-page .contact-2 p {
    padding: 30px 5%}
.product-page .product-1 .left .box ul li a {
    font-size: 16px}
.inner-page ul.news-list li a h3,.about-page .about-4 .box ul li h4 {
    font-size: 18px}
.about-page .about-3 .year .slick-center li h4 {
    font-size: 50px}
}
@media screen and (max-width: 1200px) {
    .inner-banner {
    margin-top: 0;
    height: 400px;
    padding-top: 100px}
.inner-banner .about-banner {
    display: none}
.inner-banner .box h2 {
    font-size: 40px;
    line-height: 40px}
.about-page .about-1,.about-page .about-2,.about-page .about-3,.about-page .about-4,.lg-page,.faq-page,.news-page,.newdet-page .newdet-1,.newdet-page .newdet-2,.product-page,.contact-page .contact-3 {
    padding: 40px 0}
.about-page .about-3 .year .slick-center li h4 {
    font-size: 40px;
    line-height: 40px;
    top: -40px}
.about-page .about-3 .year ul li {
    padding-top: 50px}
.about-page .about-3 .content li .right h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px}
.about-page .about-4 .box ul li {
    padding: 10px}
.about-page .about-4 .box ul {
    margin: -10px}
.grid-box.four>.column {
    width: 33.333%}
.inner-page ul.news-list li a h3,.about-page .about-4 .box ul li h4 {
    font-size: 16px}
.newdet-page .newdet-1 h3 {
    font-size: 24px}
.product-page .product-1 .left h3 {
    padding: 15px;
    font-size: 20px}
.product-page .product-1 .left .box ul li a {
    padding: 10px 15px;
    font-size: 14px}
.prodet-page .prodet-2,.contact-page .contact-2 {
    padding: 60px 0}
.contact-page .contact-1 .left .box2 h3 {
    font-size: 20px}
.contact-page .contact-1 .left .box2 h4 {
    font-size: 18px}
.contact-page .contact-3 .form ul li {
    padding: 5px}
.contact-page .contact-3 .form ul {
    margin: -5px}
}
@media screen and (max-width: 1000px) {
    .inner-banner {
    height: 300px;
    padding-top: 80px}
.prodet-page .prodet-1 .left {
    width: 100%;
    padding-right: 0}
.prodet-page .prodet-1 .right {
    width: 100%;
    padding-top: 30px}
.product-page .product-1 .left {
    display: none}
.product-page .product-1 .right {
    width: 100%}
.news-page .news-1 {
    display: none}
.lg-page ul li {
    padding: 5px}
.lg-page ul {
    margin: -5px}
.inner-banner .box h2 {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 20px}
.inner-banner .box h2:after {
    margin-top: 20px}
.about-page .about-1 .box .grid-box .column {
    width: 100%;
    padding: 10px 15px}
.about-page .about-1 .box .box2 {
    padding-top: 0}
.about-page .about-1 .box .box2 .text ul li {
    width: 25%}
.about-page .about-3 h3 {
    font-size: 26px;
    line-height: 26px}
.about-page .about-3 p {
    padding: 20px 5%}
.prodet-page .prodet-2 .content table {
    white-space: nowrap}
.prodet-page .prodet-2 .content {
    max-height: 600px;
    overflow: auto}
.product-page .product-1 .right .content2>table {
    width: 100% !important;
    display: block;
    overflow: auto;
    margin: 0 0 20px!important;
    max-height: 600px !important}
.product-page .product-1 .right .content2>table tbody {
    display: table;
    white-space: nowrap}
}
@media screen and (max-width: 700px) {
    .inner-page h2,.newdet-page .newdet-1 h3 {
    font-size: 24px}
.about-page .about-1 .box .box2 .text ul li {
    width: 50%}
.about-page .about-3 .content li .left {
    width: 100%;
    padding-right: 0}
.about-page .about-3 .content li .right {
    width: 100%;
    padding-left: 0;
    padding-top: 30px}
.about-page .about-4 .box {
    padding: 0}
.grid-box.four>.column {
    width: 50%}
.faq-page ul li .q {
    font-size: 16px}
.inner-page ul.news-list li a h3,.about-page .about-4 .box ul li h4,.inner-page .pro-list ul li a p {
    font-size: 14px;
    line-height: 20px}
.inner-page ul.news-list li a time {
    font-size: 12px}
.inner-page h2,.newdet-page .newdet-1 h3 {
    font-size: 20px}
.inner-page .pro-list ul li a h3 {
    font-size: 16px;
    line-height: 24px}
.prodet-page .prodet-1 .right .contact a {
    width: 120px;
    line-height: 40px;
    height: 40px;
    font-size: 14px}
table {
    width: 100%}
.contact-page .contact-1 .left {
    width: 100%;
    padding: 40px 15px}
.contact-page .contact-1 .left .box2 {
    padding: 0}
.contact-page .contact-1 .right {
    width: 100%}
.contact-page .contact-1 .right #mapContainer {
    height: 300px !important}
}
.inner-page,.inner-banner,.inner-page p {
    font-size: 16px}
@media screen and (max-width: 500px) {
    .grid-box.four>.column {
    width: 100%}
.inner-page,.inner-banner,.inner-page p {
    font-size: 14px}
}
/*! * Font Awesome 4.7.0 by @davegandy - http: //fontawesome.io - @fontawesome * License - http: //fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face {
    font-family: 'FontAwesome';
    src: url(//www.kaifengelectric.com/wp-content/themes/kaifengdianqi/css//fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(/fonts/fontawesome-webfont.eot) format('embedded-opentype'),url(/fonts/fontawesome-webfont.woff2) format('woff2'),url(/fonts/fontawesome-webfont.woff) format('woff'),url(/fonts/fontawesome-webfont.ttf) format('truetype'),url(/fonts/fontawesome-webfont.svg) format('svg');
    font-weight: normal;
    font-style: normal}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%}
.fa-2x {
    font-size: 2em}
.fa-3x {
    font-size: 3em}
.fa-4x {
    font-size: 4em}
.fa-5x {
    font-size: 5em}
.fa-fw {
    width: 1.28571429em;
    text-align: center}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none}
.fa-ul>li {
    position: relative}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center}
.fa-li.fa-lg {
    left: -1.85714286em}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em}
.fa-pull-left {
    float: left}
.fa-pull-right {
    float: right}
.fa.fa-pull-left {
    margin-right: .3em}
.fa.fa-pull-right {
    margin-left: .3em}
.pull-right {
    float: right}
.pull-left {
    float: left}
.fa.pull-left {
    margin-right: .3em}
.fa.pull-right {
    margin-left: .3em}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)}
100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)}
}
@keyframes fa-spin {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)}
100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)}
}
.fa-rotate-90 {
    -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)}
.fa-rotate-180 {
    -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)}
.fa-rotate-270 {
    -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)}
.fa-flip-horizontal {
    -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)}
.fa-flip-vertical {
    -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)}
: root .fa-rotate-90,: root .fa-rotate-180,: root .fa-rotate-270,: root .fa-flip-horizontal,: root .fa-flip-vertical {
    filter: none}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle}
.fa-stack-1x,.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center}
.fa-stack-1x {
    line-height: inherit}
.fa-stack-2x {
    font-size: 2em}
.fa-inverse {
    color: #fff}
.fa-glass:before {
    content: "\f000"}
.fa-music:before {
    content: "\f001"}
.fa-search:before {
    content: "\f002"}
.fa-envelope-o:before {
    content: "\f003"}
.fa-heart:before {
    content: "\f004"}
.fa-star:before {
    content: "\f005"}
.fa-star-o:before {
    content: "\f006"}
.fa-user:before {
    content: "\f007"}
.fa-film:before {
    content: "\f008"}
.fa-th-large:before {
    content: "\f009"}
.fa-th:before {
    content: "\f00a"}
.fa-th-list:before {
    content: "\f00b"}
.fa-check:before {
    content: "\f00c"}
.fa-remove:before,.fa-close:before,.fa-times:before {
    content: "\f00d"}
.fa-search-plus:before {
    content: "\f00e"}
.fa-search-minus:before {
    content: "\f010"}
.fa-power-off:before {
    content: "\f011"}
.fa-signal:before {
    content: "\f012"}
.fa-gear:before,.fa-cog:before {
    content: "\f013"}
.fa-trash-o:before {
    content: "\f014"}
.fa-home:before {
    content: "\f015"}
.fa-file-o:before {
    content: "\f016"}
.fa-clock-o:before {
    content: "\f017"}
.fa-road:before {
    content: "\f018"}
.fa-download:before {
    content: "\f019"}
.fa-arrow-circle-o-down:before {
    content: "\f01a"}
.fa-arrow-circle-o-up:before {
    content: "\f01b"}
.fa-inbox:before {
    content: "\f01c"}
.fa-play-circle-o:before {
    content: "\f01d"}
.fa-rotate-right:before,.fa-repeat:before {
    content: "\f01e"}
.fa-refresh:before {
    content: "\f021"}
.fa-list-alt:before {
    content: "\f022"}
.fa-lock:before {
    content: "\f023"}
.fa-flag:before {
    content: "\f024"}
.fa-headphones:before {
    content: "\f025"}
.fa-volume-off:before {
    content: "\f026"}
.fa-volume-down:before {
    content: "\f027"}
.fa-volume-up:before {
    content: "\f028"}
.fa-qrcode:before {
    content: "\f029"}
.fa-barcode:before {
    content: "\f02a"}
.fa-tag:before {
    content: "\f02b"}
.fa-tags:before {
    content: "\f02c"}
.fa-book:before {
    content: "\f02d"}
.fa-bookmark:before {
    content: "\f02e"}
.fa-print:before {
    content: "\f02f"}
.fa-camera:before {
    content: "\f030"}
.fa-font:before {
    content: "\f031"}
.fa-bold:before {
    content: "\f032"}
.fa-italic:before {
    content: "\f033"}
.fa-text-height:before {
    content: "\f034"}
.fa-text-width:before {
    content: "\f035"}
.fa-align-left:before {
    content: "\f036"}
.fa-align-center:before {
    content: "\f037"}
.fa-align-right:before {
    content: "\f038"}
.fa-align-justify:before {
    content: "\f039"}
.fa-list:before {
    content: "\f03a"}
.fa-dedent:before,.fa-outdent:before {
    content: "\f03b"}
.fa-indent:before {
    content: "\f03c"}
.fa-video-camera:before {
    content: "\f03d"}
.fa-photo:before,.fa-image:before,.fa-picture-o:before {
    content: "\f03e"}
.fa-pencil:before {
    content: "\f040"}
.fa-map-marker:before {
    content: "\f041"}
.fa-adjust:before {
    content: "\f042"}
.fa-tint:before {
    content: "\f043"}
.fa-edit:before,.fa-pencil-square-o:before {
    content: "\f044"}
.fa-share-square-o:before {
    content: "\f045"}
.fa-check-square-o:before {
    content: "\f046"}
.fa-arrows:before {
    content: "\f047"}
.fa-step-backward:before {
    content: "\f048"}
.fa-fast-backward:before {
    content: "\f049"}
.fa-backward:before {
    content: "\f04a"}
.fa-play:before {
    content: "\f04b"}
.fa-pause:before {
    content: "\f04c"}
.fa-stop:before {
    content: "\f04d"}
.fa-forward:before {
    content: "\f04e"}
.fa-fast-forward:before {
    content: "\f050"}
.fa-step-forward:before {
    content: "\f051"}
.fa-eject:before {
    content: "\f052"}
.fa-chevron-left:before {
    content: "\f053"}
.fa-chevron-right:before {
    content: "\f054"}
.fa-plus-circle:before {
    content: "\f055"}
.fa-minus-circle:before {
    content: "\f056"}
.fa-times-circle:before {
    content: "\f057"}
.fa-check-circle:before {
    content: "\f058"}
.fa-question-circle:before {
    content: "\f059"}
.fa-info-circle:before {
    content: "\f05a"}
.fa-crosshairs:before {
    content: "\f05b"}
.fa-times-circle-o:before {
    content: "\f05c"}
.fa-check-circle-o:before {
    content: "\f05d"}
.fa-ban:before {
    content: "\f05e"}
.fa-arrow-left:before {
    content: "\f060"}
.fa-arrow-right:before {
    content: "\f061"}
.fa-arrow-up:before {
    content: "\f062"}
.fa-arrow-down:before {
    content: "\f063"}
.fa-mail-forward:before,.fa-share:before {
    content: "\f064"}
.fa-expand:before {
    content: "\f065"}
.fa-compress:before {
    content: "\f066"}
.fa-plus:before {
    content: "\f067"}
.fa-minus:before {
    content: "\f068"}
.fa-asterisk:before {
    content: "\f069"}
.fa-exclamation-circle:before {
    content: "\f06a"}
.fa-gift:before {
    content: "\f06b"}
.fa-leaf:before {
    content: "\f06c"}
.fa-fire:before {
    content: "\f06d"}
.fa-eye:before {
    content: "\f06e"}
.fa-eye-slash:before {
    content: "\f070"}
.fa-warning:before,.fa-exclamation-triangle:before {
    content: "\f071"}
.fa-plane:before {
    content: "\f072"}
.fa-calendar:before {
    content: "\f073"}
.fa-random:before {
    content: "\f074"}
.fa-comment:before {
    content: "\f075"}
.fa-magnet:before {
    content: "\f076"}
.fa-chevron-up:before {
    content: "\f077"}
.fa-chevron-down:before {
    content: "\f078"}
.fa-retweet:before {
    content: "\f079"}
.fa-shopping-cart:before {
    content: "\f07a"}
.fa-folder:before {
    content: "\f07b"}
.fa-folder-open:before {
    content: "\f07c"}
.fa-arrows-v:before {
    content: "\f07d"}
.fa-arrows-h:before {
    content: "\f07e"}
.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: "\f080"}
.fa-twitter-square:before {
    content: "\f081"}
.fa-facebook-square:before {
    content: "\f082"}
.fa-camera-retro:before {
    content: "\f083"}
.fa-key:before {
    content: "\f084"}
.fa-gears:before,.fa-cogs:before {
    content: "\f085"}
.fa-comments:before {
    content: "\f086"}
.fa-thumbs-o-up:before {
    content: "\f087"}
.fa-thumbs-o-down:before {
    content: "\f088"}
.fa-star-half:before {
    content: "\f089"}
.fa-heart-o:before {
    content: "\f08a"}
.fa-sign-out:before {
    content: "\f08b"}
.fa-linkedin-square:before {
    content: "\f08c"}
.fa-thumb-tack:before {
    content: "\f08d"}
.fa-external-link:before {
    content: "\f08e"}
.fa-sign-in:before {
    content: "\f090"}
.fa-trophy:before {
    content: "\f091"}
.fa-github-square:before {
    content: "\f092"}
.fa-upload:before {
    content: "\f093"}
.fa-lemon-o:before {
    content: "\f094"}
.fa-phone:before {
    content: "\f095"}
.fa-square-o:before {
    content: "\f096"}
.fa-bookmark-o:before {
    content: "\f097"}
.fa-phone-square:before {
    content: "\f098"}
.fa-twitter:before {
    content: "\f099"}
.fa-facebook-f:before,.fa-facebook:before {
    content: "\f09a"}
.fa-github:before {
    content: "\f09b"}
.fa-unlock:before {
    content: "\f09c"}
.fa-credit-card:before {
    content: "\f09d"}
.fa-feed:before,.fa-rss:before {
    content: "\f09e"}
.fa-hdd-o:before {
    content: "\f0a0"}
.fa-bullhorn:before {
    content: "\f0a1"}
.fa-bell:before {
    content: "\f0f3"}
.fa-certificate:before {
    content: "\f0a3"}
.fa-hand-o-right:before {
    content: "\f0a4"}
.fa-hand-o-left:before {
    content: "\f0a5"}
.fa-hand-o-up:before {
    content: "\f0a6"}
.fa-hand-o-down:before {
    content: "\f0a7"}
.fa-arrow-circle-left:before {
    content: "\f0a8"}
.fa-arrow-circle-right:before {
    content: "\f0a9"}
.fa-arrow-circle-up:before {
    content: "\f0aa"}
.fa-arrow-circle-down:before {
    content: "\f0ab"}
.fa-globe:before {
    content: "\f0ac"}
.fa-wrench:before {
    content: "\f0ad"}
.fa-tasks:before {
    content: "\f0ae"}
.fa-filter:before {
    content: "\f0b0"}
.fa-briefcase:before {
    content: "\f0b1"}
.fa-arrows-alt:before {
    content: "\f0b2"}
.fa-group:before,.fa-users:before {
    content: "\f0c0"}
.fa-chain:before,.fa-link:before {
    content: "\f0c1"}
.fa-cloud:before {
    content: "\f0c2"}
.fa-flask:before {
    content: "\f0c3"}
.fa-cut:before,.fa-scissors:before {
    content: "\f0c4"}
.fa-copy:before,.fa-files-o:before {
    content: "\f0c5"}
.fa-paperclip:before {
    content: "\f0c6"}
.fa-save:before,.fa-floppy-o:before {
    content: "\f0c7"}
.fa-square:before {
    content: "\f0c8"}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before {
    content: "\f0c9"}
.fa-list-ul:before {
    content: "\f0ca"}
.fa-list-ol:before {
    content: "\f0cb"}
.fa-strikethrough:before {
    content: "\f0cc"}
.fa-underline:before {
    content: "\f0cd"}
.fa-table:before {
    content: "\f0ce"}
.fa-magic:before {
    content: "\f0d0"}
.fa-truck:before {
    content: "\f0d1"}
.fa-pinterest:before {
    content: "\f0d2"}
.fa-pinterest-square:before {
    content: "\f0d3"}
.fa-google-plus-square:before {
    content: "\f0d4"}
.fa-google-plus:before {
    content: "\f0d5"}
.fa-money:before {
    content: "\f0d6"}
.fa-caret-down:before {
    content: "\f0d7"}
.fa-caret-up:before {
    content: "\f0d8"}
.fa-caret-left:before {
    content: "\f0d9"}
.fa-caret-right:before {
    content: "\f0da"}
.fa-columns:before {
    content: "\f0db"}
.fa-unsorted:before,.fa-sort:before {
    content: "\f0dc"}
.fa-sort-down:before,.fa-sort-desc:before {
    content: "\f0dd"}
.fa-sort-up:before,.fa-sort-asc:before {
    content: "\f0de"}
.fa-envelope:before {
    content: "\f0e0"}
.fa-linkedin:before {
    content: "\f0e1"}
.fa-rotate-left:before,.fa-undo:before {
    content: "\f0e2"}
.fa-legal:before,.fa-gavel:before {
    content: "\f0e3"}
.fa-dashboard:before,.fa-tachometer:before {
    content: "\f0e4"}
.fa-comment-o:before {
    content: "\f0e5"}
.fa-comments-o:before {
    content: "\f0e6"}
.fa-flash:before,.fa-bolt:before {
    content: "\f0e7"}
.fa-sitemap:before {
    content: "\f0e8"}
.fa-umbrella:before {
    content: "\f0e9"}
.fa-paste:before,.fa-clipboard:before {
    content: "\f0ea"}
.fa-lightbulb-o:before {
    content: "\f0eb"}
.fa-exchange:before {
    content: "\f0ec"}
.fa-cloud-download:before {
    content: "\f0ed"}
.fa-cloud-upload:before {
    content: "\f0ee"}
.fa-user-md:before {
    content: "\f0f0"}
.fa-stethoscope:before {
    content: "\f0f1"}
.fa-suitcase:before {
    content: "\f0f2"}
.fa-bell-o:before {
    content: "\f0a2"}
.fa-coffee:before {
    content: "\f0f4"}
.fa-cutlery:before {
    content: "\f0f5"}
.fa-file-text-o:before {
    content: "\f0f6"}
.fa-building-o:before {
    content: "\f0f7"}
.fa-hospital-o:before {
    content: "\f0f8"}
.fa-ambulance:before {
    content: "\f0f9"}
.fa-medkit:before {
    content: "\f0fa"}
.fa-fighter-jet:before {
    content: "\f0fb"}
.fa-beer:before {
    content: "\f0fc"}
.fa-h-square:before {
    content: "\f0fd"}
.fa-plus-square:before {
    content: "\f0fe"}
.fa-angle-double-left:before {
    content: "\f100"}
.fa-angle-double-right:before {
    content: "\f101"}
.fa-angle-double-up:before {
    content: "\f102"}
.fa-angle-double-down:before {
    content: "\f103"}
.fa-angle-left:before {
    content: "\f104"}
.fa-angle-right:before {
    content: "\f105"}
.fa-angle-up:before {
    content: "\f106"}
.fa-angle-down:before {
    content: "\f107"}
.fa-desktop:before {
    content: "\f108"}
.fa-laptop:before {
    content: "\f109"}
.fa-tablet:before {
    content: "\f10a"}
.fa-mobile-phone:before,.fa-mobile:before {
    content: "\f10b"}
.fa-circle-o:before {
    content: "\f10c"}
.fa-quote-left:before {
    content: "\f10d"}
.fa-quote-right:before {
    content: "\f10e"}
.fa-spinner:before {
    content: "\f110"}
.fa-circle:before {
    content: "\f111"}
.fa-mail-reply:before,.fa-reply:before {
    content: "\f112"}
.fa-github-alt:before {
    content: "\f113"}
.fa-folder-o:before {
    content: "\f114"}
.fa-folder-open-o:before {
    content: "\f115"}
.fa-smile-o:before {
    content: "\f118"}
.fa-frown-o:before {
    content: "\f119"}
.fa-meh-o:before {
    content: "\f11a"}
.fa-gamepad:before {
    content: "\f11b"}
.fa-keyboard-o:before {
    content: "\f11c"}
.fa-flag-o:before {
    content: "\f11d"}
.fa-flag-checkered:before {
    content: "\f11e"}
.fa-terminal:before {
    content: "\f120"}
.fa-code:before {
    content: "\f121"}
.fa-mail-reply-all:before,.fa-reply-all:before {
    content: "\f122"}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
    content: "\f123"}
.fa-location-arrow:before {
    content: "\f124"}
.fa-crop:before {
    content: "\f125"}
.fa-code-fork:before {
    content: "\f126"}
.fa-unlink:before,.fa-chain-broken:before {
    content: "\f127"}
.fa-question:before {
    content: "\f128"}
.fa-info:before {
    content: "\f129"}
.fa-exclamation:before {
    content: "\f12a"}
.fa-superscript:before {
    content: "\f12b"}
.fa-subscript:before {
    content: "\f12c"}
.fa-eraser:before {
    content: "\f12d"}
.fa-puzzle-piece:before {
    content: "\f12e"}
.fa-microphone:before {
    content: "\f130"}
.fa-microphone-slash:before {
    content: "\f131"}
.fa-shield:before {
    content: "\f132"}
.fa-calendar-o:before {
    content: "\f133"}
.fa-fire-extinguisher:before {
    content: "\f134"}
.fa-rocket:before {
    content: "\f135"}
.fa-maxcdn:before {
    content: "\f136"}
.fa-chevron-circle-left:before {
    content: "\f137"}
.fa-chevron-circle-right:before {
    content: "\f138"}
.fa-chevron-circle-up:before {
    content: "\f139"}
.fa-chevron-circle-down:before {
    content: "\f13a"}
.fa-html5:before {
    content: "\f13b"}
.fa-css3:before {
    content: "\f13c"}
.fa-anchor:before {
    content: "\f13d"}
.fa-unlock-alt:before {
    content: "\f13e"}
.fa-bullseye:before {
    content: "\f140"}
.fa-ellipsis-h:before {
    content: "\f141"}
.fa-ellipsis-v:before {
    content: "\f142"}
.fa-rss-square:before {
    content: "\f143"}
.fa-play-circle:before {
    content: "\f144"}
.fa-ticket:before {
    content: "\f145"}
.fa-minus-square:before {
    content: "\f146"}
.fa-minus-square-o:before {
    content: "\f147"}
.fa-level-up:before {
    content: "\f148"}
.fa-level-down:before {
    content: "\f149"}
.fa-check-square:before {
    content: "\f14a"}
.fa-pencil-square:before {
    content: "\f14b"}
.fa-external-link-square:before {
    content: "\f14c"}
.fa-share-square:before {
    content: "\f14d"}
.fa-compass:before {
    content: "\f14e"}
.fa-toggle-down:before,.fa-caret-square-o-down:before {
    content: "\f150"}
.fa-toggle-up:before,.fa-caret-square-o-up:before {
    content: "\f151"}
.fa-toggle-right:before,.fa-caret-square-o-right:before {
    content: "\f152"}
.fa-euro:before,.fa-eur:before {
    content: "\f153"}
.fa-gbp:before {
    content: "\f154"}
.fa-dollar:before,.fa-usd:before {
    content: "\f155"}
.fa-rupee:before,.fa-inr:before {
    content: "\f156"}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before {
    content: "\f157"}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before {
    content: "\f158"}
.fa-won:before,.fa-krw:before {
    content: "\f159"}
.fa-bitcoin:before,.fa-btc:before {
    content: "\f15a"}
.fa-file:before {
    content: "\f15b"}
.fa-file-text:before {
    content: "\f15c"}
.fa-sort-alpha-asc:before {
    content: "\f15d"}
.fa-sort-alpha-desc:before {
    content: "\f15e"}
.fa-sort-amount-asc:before {
    content: "\f160"}
.fa-sort-amount-desc:before {
    content: "\f161"}
.fa-sort-numeric-asc:before {
    content: "\f162"}
.fa-sort-numeric-desc:before {
    content: "\f163"}
.fa-thumbs-up:before {
    content: "\f164"}
.fa-thumbs-down:before {
    content: "\f165"}
.fa-youtube-square:before {
    content: "\f166"}
.fa-youtube:before {
    content: "\f167"}
.fa-xing:before {
    content: "\f168"}
.fa-xing-square:before {
    content: "\f169"}
.fa-youtube-play:before {
    content: "\f16a"}
.fa-dropbox:before {
    content: "\f16b"}
.fa-stack-overflow:before {
    content: "\f16c"}
.fa-instagram:before {
    content: "\f16d"}
.fa-flickr:before {
    content: "\f16e"}
.fa-adn:before {
    content: "\f170"}
.fa-bitbucket:before {
    content: "\f171"}
.fa-bitbucket-square:before {
    content: "\f172"}
.fa-tumblr:before {
    content: "\f173"}
.fa-tumblr-square:before {
    content: "\f174"}
.fa-long-arrow-down:before {
    content: "\f175"}
.fa-long-arrow-up:before {
    content: "\f176"}
.fa-long-arrow-left:before {
    content: "\f177"}
.fa-long-arrow-right:before {
    content: "\f178"}
.fa-apple:before {
    content: "\f179"}
.fa-windows:before {
    content: "\f17a"}
.fa-android:before {
    content: "\f17b"}
.fa-linux:before {
    content: "\f17c"}
.fa-dribbble:before {
    content: "\f17d"}
.fa-skype:before {
    content: "\f17e"}
.fa-foursquare:before {
    content: "\f180"}
.fa-trello:before {
    content: "\f181"}
.fa-female:before {
    content: "\f182"}
.fa-male:before {
    content: "\f183"}
.fa-gittip:before,.fa-gratipay:before {
    content: "\f184"}
.fa-sun-o:before {
    content: "\f185"}
.fa-moon-o:before {
    content: "\f186"}
.fa-archive:before {
    content: "\f187"}
.fa-bug:before {
    content: "\f188"}
.fa-vk:before {
    content: "\f189"}
.fa-weibo:before {
    content: "\f18a"}
.fa-renren:before {
    content: "\f18b"}
.fa-pagelines:before {
    content: "\f18c"}
.fa-stack-exchange:before {
    content: "\f18d"}
.fa-arrow-circle-o-right:before {
    content: "\f18e"}
.fa-arrow-circle-o-left:before {
    content: "\f190"}
.fa-toggle-left:before,.fa-caret-square-o-left:before {
    content: "\f191"}
.fa-dot-circle-o:before {
    content: "\f192"}
.fa-wheelchair:before {
    content: "\f193"}
.fa-vimeo-square:before {
    content: "\f194"}
.fa-turkish-lira:before,.fa-try:before {
    content: "\f195"}
.fa-plus-square-o:before {
    content: "\f196"}
.fa-space-shuttle:before {
    content: "\f197"}
.fa-slack:before {
    content: "\f198"}
.fa-envelope-square:before {
    content: "\f199"}
.fa-wordpress:before {
    content: "\f19a"}
.fa-openid:before {
    content: "\f19b"}
.fa-institution:before,.fa-bank:before,.fa-university:before {
    content: "\f19c"}
.fa-mortar-board:before,.fa-graduation-cap:before {
    content: "\f19d"}
.fa-yahoo:before {
    content: "\f19e"}
.fa-google:before {
    content: "\f1a0"}
.fa-reddit:before {
    content: "\f1a1"}
.fa-reddit-square:before {
    content: "\f1a2"}
.fa-stumbleupon-circle:before {
    content: "\f1a3"}
.fa-stumbleupon:before {
    content: "\f1a4"}
.fa-delicious:before {
    content: "\f1a5"}
.fa-digg:before {
    content: "\f1a6"}
.fa-pied-piper-pp:before {
    content: "\f1a7"}
.fa-pied-piper-alt:before {
    content: "\f1a8"}
.fa-drupal:before {
    content: "\f1a9"}
.fa-joomla:before {
    content: "\f1aa"}
.fa-language:before {
    content: "\f1ab"}
.fa-fax:before {
    content: "\f1ac"}
.fa-building:before {
    content: "\f1ad"}
.fa-child:before {
    content: "\f1ae"}
.fa-paw:before {
    content: "\f1b0"}
.fa-spoon:before {
    content: "\f1b1"}
.fa-cube:before {
    content: "\f1b2"}
.fa-cubes:before {
    content: "\f1b3"}
.fa-behance:before {
    content: "\f1b4"}
.fa-behance-square:before {
    content: "\f1b5"}
.fa-steam:before {
    content: "\f1b6"}
.fa-steam-square:before {
    content: "\f1b7"}
.fa-recycle:before {
    content: "\f1b8"}
.fa-automobile:before,.fa-car:before {
    content: "\f1b9"}
.fa-cab:before,.fa-taxi:before {
    content: "\f1ba"}
.fa-tree:before {
    content: "\f1bb"}
.fa-spotify:before {
    content: "\f1bc"}
.fa-deviantart:before {
    content: "\f1bd"}
.fa-soundcloud:before {
    content: "\f1be"}
.fa-database:before {
    content: "\f1c0"}
.fa-file-pdf-o:before {
    content: "\f1c1"}
.fa-file-word-o:before {
    content: "\f1c2"}
.fa-file-excel-o:before {
    content: "\f1c3"}
.fa-file-powerpoint-o:before {
    content: "\f1c4"}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before {
    content: "\f1c5"}
.fa-file-zip-o:before,.fa-file-archive-o:before {
    content: "\f1c6"}
.fa-file-sound-o:before,.fa-file-audio-o:before {
    content: "\f1c7"}
.fa-file-movie-o:before,.fa-file-video-o:before {
    content: "\f1c8"}
.fa-file-code-o:before {
    content: "\f1c9"}
.fa-vine:before {
    content: "\f1ca"}
.fa-codepen:before {
    content: "\f1cb"}
.fa-jsfiddle:before {
    content: "\f1cc"}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before {
    content: "\f1cd"}
.fa-circle-o-notch:before {
    content: "\f1ce"}
.fa-ra:before,.fa-resistance:before,.fa-rebel:before {
    content: "\f1d0"}
.fa-ge:before,.fa-empire:before {
    content: "\f1d1"}
.fa-git-square:before {
    content: "\f1d2"}
.fa-git:before {
    content: "\f1d3"}
.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before {
    content: "\f1d4"}
.fa-tencent-weibo:before {
    content: "\f1d5"}
.fa-qq:before {
    content: "\f1d6"}
.fa-wechat:before,.fa-weixin:before {
    content: "\f1d7"}
.fa-send:before,.fa-paper-plane:before {
    content: "\f1d8"}
.fa-send-o:before,.fa-paper-plane-o:before {
    content: "\f1d9"}
.fa-history:before {
    content: "\f1da"}
.fa-circle-thin:before {
    content: "\f1db"}
.fa-header:before {
    content: "\f1dc"}
.fa-paragraph:before {
    content: "\f1dd"}
.fa-sliders:before {
    content: "\f1de"}
.fa-share-alt:before {
    content: "\f1e0"}
.fa-share-alt-square:before {
    content: "\f1e1"}
.fa-bomb:before {
    content: "\f1e2"}
.fa-soccer-ball-o:before,.fa-futbol-o:before {
    content: "\f1e3"}
.fa-tty:before {
    content: "\f1e4"}
.fa-binoculars:before {
    content: "\f1e5"}
.fa-plug:before {
    content: "\f1e6"}
.fa-slideshare:before {
    content: "\f1e7"}
.fa-twitch:before {
    content: "\f1e8"}
.fa-yelp:before {
    content: "\f1e9"}
.fa-newspaper-o:before {
    content: "\f1ea"}
.fa-wifi:before {
    content: "\f1eb"}
.fa-calculator:before {
    content: "\f1ec"}
.fa-paypal:before {
    content: "\f1ed"}
.fa-google-wallet:before {
    content: "\f1ee"}
.fa-cc-visa:before {
    content: "\f1f0"}
.fa-cc-mastercard:before {
    content: "\f1f1"}
.fa-cc-discover:before {
    content: "\f1f2"}
.fa-cc-amex:before {
    content: "\f1f3"}
.fa-cc-paypal:before {
    content: "\f1f4"}
.fa-cc-stripe:before {
    content: "\f1f5"}
.fa-bell-slash:before {
    content: "\f1f6"}
.fa-bell-slash-o:before {
    content: "\f1f7"}
.fa-trash:before {
    content: "\f1f8"}
.fa-copyright:before {
    content: "\f1f9"}
.fa-at:before {
    content: "\f1fa"}
.fa-eyedropper:before {
    content: "\f1fb"}
.fa-paint-brush:before {
    content: "\f1fc"}
.fa-birthday-cake:before {
    content: "\f1fd"}
.fa-area-chart:before {
    content: "\f1fe"}
.fa-pie-chart:before {
    content: "\f200"}
.fa-line-chart:before {
    content: "\f201"}
.fa-lastfm:before {
    content: "\f202"}
.fa-lastfm-square:before {
    content: "\f203"}
.fa-toggle-off:before {
    content: "\f204"}
.fa-toggle-on:before {
    content: "\f205"}
.fa-bicycle:before {
    content: "\f206"}
.fa-bus:before {
    content: "\f207"}
.fa-ioxhost:before {
    content: "\f208"}
.fa-angellist:before {
    content: "\f209"}
.fa-cc:before {
    content: "\f20a"}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before {
    content: "\f20b"}
.fa-meanpath:before {
    content: "\f20c"}
.fa-buysellads:before {
    content: "\f20d"}
.fa-connectdevelop:before {
    content: "\f20e"}
.fa-dashcube:before {
    content: "\f210"}
.fa-forumbee:before {
    content: "\f211"}
.fa-leanpub:before {
    content: "\f212"}
.fa-sellsy:before {
    content: "\f213"}
.fa-shirtsinbulk:before {
    content: "\f214"}
.fa-simplybuilt:before {
    content: "\f215"}
.fa-skyatlas:before {
    content: "\f216"}
.fa-cart-plus:before {
    content: "\f217"}
.fa-cart-arrow-down:before {
    content: "\f218"}
.fa-diamond:before {
    content: "\f219"}
.fa-ship:before {
    content: "\f21a"}
.fa-user-secret:before {
    content: "\f21b"}
.fa-motorcycle:before {
    content: "\f21c"}
.fa-street-view:before {
    content: "\f21d"}
.fa-heartbeat:before {
    content: "\f21e"}
.fa-venus:before {
    content: "\f221"}
.fa-mars:before {
    content: "\f222"}
.fa-mercury:before {
    content: "\f223"}
.fa-intersex:before,.fa-transgender:before {
    content: "\f224"}
.fa-transgender-alt:before {
    content: "\f225"}
.fa-venus-double:before {
    content: "\f226"}
.fa-mars-double:before {
    content: "\f227"}
.fa-venus-mars:before {
    content: "\f228"}
.fa-mars-stroke:before {
    content: "\f229"}
.fa-mars-stroke-v:before {
    content: "\f22a"}
.fa-mars-stroke-h:before {
    content: "\f22b"}
.fa-neuter:before {
    content: "\f22c"}
.fa-genderless:before {
    content: "\f22d"}
.fa-facebook-official:before {
    content: "\f230"}
.fa-pinterest-p:before {
    content: "\f231"}
.fa-whatsapp:before {
    content: "\f232"}
.fa-server:before {
    content: "\f233"}
.fa-user-plus:before {
    content: "\f234"}
.fa-user-times:before {
    content: "\f235"}
.fa-hotel:before,.fa-bed:before {
    content: "\f236"}
.fa-viacoin:before {
    content: "\f237"}
.fa-train:before {
    content: "\f238"}
.fa-subway:before {
    content: "\f239"}
.fa-medium:before {
    content: "\f23a"}
.fa-yc:before,.fa-y-combinator:before {
    content: "\f23b"}
.fa-optin-monster:before {
    content: "\f23c"}
.fa-opencart:before {
    content: "\f23d"}
.fa-expeditedssl:before {
    content: "\f23e"}
.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before {
    content: "\f240"}
.fa-battery-3:before,.fa-battery-three-quarters:before {
    content: "\f241"}
.fa-battery-2:before,.fa-battery-half:before {
    content: "\f242"}
.fa-battery-1:before,.fa-battery-quarter:before {
    content: "\f243"}
.fa-battery-0:before,.fa-battery-empty:before {
    content: "\f244"}
.fa-mouse-pointer:before {
    content: "\f245"}
.fa-i-cursor:before {
    content: "\f246"}
.fa-object-group:before {
    content: "\f247"}
.fa-object-ungroup:before {
    content: "\f248"}
.fa-sticky-note:before {
    content: "\f249"}
.fa-sticky-note-o:before {
    content: "\f24a"}
.fa-cc-jcb:before {
    content: "\f24b"}
.fa-cc-diners-club:before {
    content: "\f24c"}
.fa-clone:before {
    content: "\f24d"}
.fa-balance-scale:before {
    content: "\f24e"}
.fa-hourglass-o:before {
    content: "\f250"}
.fa-hourglass-1:before,.fa-hourglass-start:before {
    content: "\f251"}
.fa-hourglass-2:before,.fa-hourglass-half:before {
    content: "\f252"}
.fa-hourglass-3:before,.fa-hourglass-end:before {
    content: "\f253"}
.fa-hourglass:before {
    content: "\f254"}
.fa-hand-grab-o:before,.fa-hand-rock-o:before {
    content: "\f255"}
.fa-hand-stop-o:before,.fa-hand-paper-o:before {
    content: "\f256"}
.fa-hand-scissors-o:before {
    content: "\f257"}
.fa-hand-lizard-o:before {
    content: "\f258"}
.fa-hand-spock-o:before {
    content: "\f259"}
.fa-hand-pointer-o:before {
    content: "\f25a"}
.fa-hand-peace-o:before {
    content: "\f25b"}
.fa-trademark:before {
    content: "\f25c"}
.fa-registered:before {
    content: "\f25d"}
.fa-creative-commons:before {
    content: "\f25e"}
.fa-gg:before {
    content: "\f260"}
.fa-gg-circle:before {
    content: "\f261"}
.fa-tripadvisor:before {
    content: "\f262"}
.fa-odnoklassniki:before {
    content: "\f263"}
.fa-odnoklassniki-square:before {
    content: "\f264"}
.fa-get-pocket:before {
    content: "\f265"}
.fa-wikipedia-w:before {
    content: "\f266"}
.fa-safari:before {
    content: "\f267"}
.fa-chrome:before {
    content: "\f268"}
.fa-firefox:before {
    content: "\f269"}
.fa-opera:before {
    content: "\f26a"}
.fa-internet-explorer:before {
    content: "\f26b"}
.fa-tv:before,.fa-television:before {
    content: "\f26c"}
.fa-contao:before {
    content: "\f26d"}
.fa-500px:before {
    content: "\f26e"}
.fa-amazon:before {
    content: "\f270"}
.fa-calendar-plus-o:before {
    content: "\f271"}
.fa-calendar-minus-o:before {
    content: "\f272"}
.fa-calendar-times-o:before {
    content: "\f273"}
.fa-calendar-check-o:before {
    content: "\f274"}
.fa-industry:before {
    content: "\f275"}
.fa-map-pin:before {
    content: "\f276"}
.fa-map-signs:before {
    content: "\f277"}
.fa-map-o:before {
    content: "\f278"}
.fa-map:before {
    content: "\f279"}
.fa-commenting:before {
    content: "\f27a"}
.fa-commenting-o:before {
    content: "\f27b"}
.fa-houzz:before {
    content: "\f27c"}
.fa-vimeo:before {
    content: "\f27d"}
.fa-black-tie:before {
    content: "\f27e"}
.fa-fonticons:before {
    content: "\f280"}
.fa-reddit-alien:before {
    content: "\f281"}
.fa-edge:before {
    content: "\f282"}
.fa-credit-card-alt:before {
    content: "\f283"}
.fa-codiepie:before {
    content: "\f284"}
.fa-modx:before {
    content: "\f285"}
.fa-fort-awesome:before {
    content: "\f286"}
.fa-usb:before {
    content: "\f287"}
.fa-product-hunt:before {
    content: "\f288"}
.fa-mixcloud:before {
    content: "\f289"}
.fa-scribd:before {
    content: "\f28a"}
.fa-pause-circle:before {
    content: "\f28b"}
.fa-pause-circle-o:before {
    content: "\f28c"}
.fa-stop-circle:before {
    content: "\f28d"}
.fa-stop-circle-o:before {
    content: "\f28e"}
.fa-shopping-bag:before {
    content: "\f290"}
.fa-shopping-basket:before {
    content: "\f291"}
.fa-hashtag:before {
    content: "\f292"}
.fa-bluetooth:before {
    content: "\f293"}
.fa-bluetooth-b:before {
    content: "\f294"}
.fa-percent:before {
    content: "\f295"}
.fa-gitlab:before {
    content: "\f296"}
.fa-wpbeginner:before {
    content: "\f297"}
.fa-wpforms:before {
    content: "\f298"}
.fa-envira:before {
    content: "\f299"}
.fa-universal-access:before {
    content: "\f29a"}
.fa-wheelchair-alt:before {
    content: "\f29b"}
.fa-question-circle-o:before {
    content: "\f29c"}
.fa-blind:before {
    content: "\f29d"}
.fa-audio-description:before {
    content: "\f29e"}
.fa-volume-control-phone:before {
    content: "\f2a0"}
.fa-braille:before {
    content: "\f2a1"}
.fa-assistive-listening-systems:before {
    content: "\f2a2"}
.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before {
    content: "\f2a3"}
.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before {
    content: "\f2a4"}
.fa-glide:before {
    content: "\f2a5"}
.fa-glide-g:before {
    content: "\f2a6"}
.fa-signing:before,.fa-sign-language:before {
    content: "\f2a7"}
.fa-low-vision:before {
    content: "\f2a8"}
.fa-viadeo:before {
    content: "\f2a9"}
.fa-viadeo-square:before {
    content: "\f2aa"}
.fa-snapchat:before {
    content: "\f2ab"}
.fa-snapchat-ghost:before {
    content: "\f2ac"}
.fa-snapchat-square:before {
    content: "\f2ad"}
.fa-pied-piper:before {
    content: "\f2ae"}
.fa-first-order:before {
    content: "\f2b0"}
.fa-yoast:before {
    content: "\f2b1"}
.fa-themeisle:before {
    content: "\f2b2"}
.fa-google-plus-circle:before,.fa-google-plus-official:before {
    content: "\f2b3"}
.fa-fa:before,.fa-font-awesome:before {
    content: "\f2b4"}
.fa-handshake-o:before {
    content: "\f2b5"}
.fa-envelope-open:before {
    content: "\f2b6"}
.fa-envelope-open-o:before {
    content: "\f2b7"}
.fa-linode:before {
    content: "\f2b8"}
.fa-address-book:before {
    content: "\f2b9"}
.fa-address-book-o:before {
    content: "\f2ba"}
.fa-vcard:before,.fa-address-card:before {
    content: "\f2bb"}
.fa-vcard-o:before,.fa-address-card-o:before {
    content: "\f2bc"}
.fa-user-circle:before {
    content: "\f2bd"}
.fa-user-circle-o:before {
    content: "\f2be"}
.fa-user-o:before {
    content: "\f2c0"}
.fa-id-badge:before {
    content: "\f2c1"}
.fa-drivers-license:before,.fa-id-card:before {
    content: "\f2c2"}
.fa-drivers-license-o:before,.fa-id-card-o:before {
    content: "\f2c3"}
.fa-quora:before {
    content: "\f2c4"}
.fa-free-code-camp:before {
    content: "\f2c5"}
.fa-telegram:before {
    content: "\f2c6"}
.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before {
    content: "\f2c7"}
.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
    content: "\f2c8"}
.fa-thermometer-2:before,.fa-thermometer-half:before {
    content: "\f2c9"}
.fa-thermometer-1:before,.fa-thermometer-quarter:before {
    content: "\f2ca"}
.fa-thermometer-0:before,.fa-thermometer-empty:before {
    content: "\f2cb"}
.fa-shower:before {
    content: "\f2cc"}
.fa-bathtub:before,.fa-s15:before,.fa-bath:before {
    content: "\f2cd"}
.fa-podcast:before {
    content: "\f2ce"}
.fa-window-maximize:before {
    content: "\f2d0"}
.fa-window-minimize:before {
    content: "\f2d1"}
.fa-window-restore:before {
    content: "\f2d2"}
.fa-times-rectangle:before,.fa-window-close:before {
    content: "\f2d3"}
.fa-times-rectangle-o:before,.fa-window-close-o:before {
    content: "\f2d4"}
.fa-bandcamp:before {
    content: "\f2d5"}
.fa-grav:before {
    content: "\f2d6"}
.fa-etsy:before {
    content: "\f2d7"}
.fa-imdb:before {
    content: "\f2d8"}
.fa-ravelry:before {
    content: "\f2d9"}
.fa-eercast:before {
    content: "\f2da"}
.fa-microchip:before {
    content: "\f2db"}
.fa-snowflake-o:before {
    content: "\f2dc"}
.fa-superpowers:before {
    content: "\f2dd"}
.fa-wpexplorer:before {
    content: "\f2de"}
.fa-meetup:before {
    content: "\f2e0"}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0}
.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto}
@charset "UTF-8";
    /*! * animate.css -http: //daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http: //opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s}
@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
40%,43% {
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0)}
40%,43%,70% {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)}
70% {
    -webkit-transform: translate3d(0,-15px,0);
    transform: translate3d(0,-15px,0)}
90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0)}
}
@keyframes bounce {
    0%,20%,53%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
40%,43% {
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0)}
40%,43%,70% {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)}
70% {
    -webkit-transform: translate3d(0,-15px,0);
    transform: translate3d(0,-15px,0)}
90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0)}
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom}
@-webkit-keyframes flash {
    0%,50%,to {
    opacity: 1}
25%,75% {
    opacity: 0}
}
@keyframes flash {
    0%,50%,to {
    opacity: 1}
25%,75% {
    opacity: 0}
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash}
@-webkit-keyframes pulse {
    0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
50% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05)}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
}
@keyframes pulse {
    0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
50% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05)}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse}
@-webkit-keyframes rubberBand {
    0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
30% {
    -webkit-transform: scale3d(1.25,.75,1);
    transform: scale3d(1.25,.75,1)}
40% {
    -webkit-transform: scale3d(.75,1.25,1);
    transform: scale3d(.75,1.25,1)}
50% {
    -webkit-transform: scale3d(1.15,.85,1);
    transform: scale3d(1.15,.85,1)}
65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1)}
75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1)}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
}
@keyframes rubberBand {
    0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
30% {
    -webkit-transform: scale3d(1.25,.75,1);
    transform: scale3d(1.25,.75,1)}
40% {
    -webkit-transform: scale3d(.75,1.25,1);
    transform: scale3d(.75,1.25,1)}
50% {
    -webkit-transform: scale3d(1.15,.85,1);
    transform: scale3d(1.15,.85,1)}
65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1)}
75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1)}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand}
@-webkit-keyframes shake {
    0%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)}
20%,40%,60%,80% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)}
}
@keyframes shake {
    0%,to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
10%,30%,50%,70%,90% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)}
20%,40%,60%,80% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)}
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake}
@-webkit-keyframes headShake {
    0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)}
6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)}
18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)}
31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)}
43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)}
50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)}
}
@keyframes headShake {
    0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)}
6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)}
18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)}
31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)}
43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)}
50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)}
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake}
@-webkit-keyframes swing {
    20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)}
40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)}
60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)}
80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)}
to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)}
}
@keyframes swing {
    20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)}
40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)}
60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)}
80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)}
to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)}
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing}
@-webkit-keyframes tada {
    0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
10%,20% {
    -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
    transform: scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    transform: scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    transform: scale3d(1.1,1.1,1.1) rotate(-3deg)}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
}
@keyframes tada {
    0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
10%,20% {
    -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
    transform: scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    transform: scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    transform: scale3d(1.1,1.1,1.1) rotate(-3deg)}
to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada}
@-webkit-keyframes wobble {
    0% {
    -webkit-transform: none;
    transform: none}
15% {
    -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
    transform: translate3d(-25%,0,0) rotate(-5deg)}
30% {
    -webkit-transform: translate3d(20%,0,0) rotate(3deg);
    transform: translate3d(20%,0,0) rotate(3deg)}
45% {
    -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
    transform: translate3d(-15%,0,0) rotate(-3deg)}
60% {
    -webkit-transform: translate3d(10%,0,0) rotate(2deg);
    transform: translate3d(10%,0,0) rotate(2deg)}
75% {
    -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
    transform: translate3d(-5%,0,0) rotate(-1deg)}
to {
    -webkit-transform: none;
    transform: none}
}
@keyframes wobble {
    0% {
    -webkit-transform: none;
    transform: none}
15% {
    -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
    transform: translate3d(-25%,0,0) rotate(-5deg)}
30% {
    -webkit-transform: translate3d(20%,0,0) rotate(3deg);
    transform: translate3d(20%,0,0) rotate(3deg)}
45% {
    -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
    transform: translate3d(-15%,0,0) rotate(-3deg)}
60% {
    -webkit-transform: translate3d(10%,0,0) rotate(2deg);
    transform: translate3d(10%,0,0) rotate(2deg)}
75% {
    -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
    transform: translate3d(-5%,0,0) rotate(-1deg)}
to {
    -webkit-transform: none;
    transform: none}
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble}
@-webkit-keyframes jello {
    0%,11.1%,to {
    -webkit-transform: none;
    transform: none}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)}
66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)}
77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)}
88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello {
    0%,11.1%,to {
    -webkit-transform: none;
    transform: none}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)}
66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)}
77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)}
88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center}
@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)}
20% {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)}
40% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9)}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03,1.03,1.03);
    transform: scale3d(1.03,1.03,1.03)}
80% {
    -webkit-transform: scale3d(.97,.97,.97);
    transform: scale3d(.97,.97,.97)}
to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
}
@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)}
20% {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)}
40% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9)}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03,1.03,1.03);
    transform: scale3d(1.03,1.03,1.03)}
80% {
    -webkit-transform: scale3d(.97,.97,.97);
    transform: scale3d(.97,.97,.97)}
to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn}
@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-3000px,0);
    transform: translate3d(0,-3000px,0)}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0,25px,0);
    transform: translate3d(0,25px,0)}
75% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)}
90% {
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0)}
to {
    -webkit-transform: none;
    transform: none}
}
@keyframes bounceInDown {
    0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-3000px,0);
    transform: translate3d(0,-3000px,0)}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0,25px,0);
    transform: translate3d(0,25px,0)}
75% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)}
90% {
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0)}
to {
    -webkit-transform: none;
    transform: none}
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown}
@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px,0,0);
    transform: translate3d(-3000px,0,0)}
60% {
    opacity: 1;
    -webkit-transform: translate3d(25px,0,0);
    transform: translate3d(25px,0,0)}
75% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)}
90% {
    -webkit-transform: translate3d(5px,0,0);
    transform: translate3d(5px,0,0)}
to {
    -webkit-transform: none;
    transform: none}
}
@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px,0,0);
    transform: translate3d(-3000px,0,0)}
60% {
    opacity: 1;
    -webkit-transform: translate3d(25px,0,0);
    transform: translate3d(25px,0,0)}
75% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)}
90% {
    -webkit-transform: translate3d(5px,0,0);
    transform: translate3d(5px,0,0)}
to {
    -webkit-transform: none;
    transform: none}
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft}
@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px,0,0);
    transform: translate3d(3000px,0,0)}
60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px,0,0);
    transform: translate3d(-25px,0,0)}
75% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)}
90% {
    -webkit-transform: translate3d(-5px,0,0);
    transform: translate3d(-5px,0,0)}
to {
    -webkit-transform: none;
    transform: none}
}
@keyframes bounceInRight {
    0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px,0,0);
    transform: translate3d(3000px,0,0)}
60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px,0,0);
    transform: translate3d(-25px,0,0)}
75% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)}
90% {
    -webkit-transform: translate3d(-5px,0,0);
    transform: translate3d(-5px,0,0)}
to {
    -webkit-transform: none;
    transform: none}
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight}
@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0)}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)}
75% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)}
90% {
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0)}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
}
@keyframes bounceInUp {
    0%,60%,75%,90%,to {
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1)}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0)}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)}
75% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)}
90% {
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0)}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp}
@-webkit-keyframes bounceOut {
    20% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9)}
50%,55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)}
to {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)}
}
@keyframes bounceOut {
    20% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9)}
50%,55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1)}
to {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)}
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut}
@-webkit-keyframes bounceOutDown {
    20% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)}
40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)}
}
@keyframes bounceOutDown {
    20% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)}
40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)}
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown}
@-webkit-keyframes bounceOutLeft {
    20% {
    opacity: 1;
    -webkit-transform: translate3d(20px,0,0);
    transform: translate3d(20px,0,0)}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft {
    20% {
    opacity: 1;
    -webkit-transform: translate3d(20px,0,0);
    transform: translate3d(20px,0,0)}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)}
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft}
@-webkit-keyframes bounceOutRight {
    20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0)}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)}
}
@keyframes bounceOutRight {
    20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0)}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)}
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight}
@-webkit-keyframes bounceOutUp {
    20% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)}
40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp {
    20% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)}
40%,45% {
    opacity: 1;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0)}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)}
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp}
@-webkit-keyframes fadeIn {
    0% {
    opacity: 0}
to {
    opacity: 1}
}
@keyframes fadeIn {
    0% {
    opacity: 0}
to {
    opacity: 1}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn}
@-webkit-keyframes fadeInDown {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
@keyframes fadeInDown {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown}
@-webkit-keyframes fadeInDownBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
@keyframes fadeInDownBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig}
@-webkit-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
@keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft}
@-webkit-keyframes fadeInLeftBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
@keyframes fadeInLeftBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig}
@-webkit-keyframes fadeInRight {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
@keyframes fadeInRight {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight}
@-webkit-keyframes fadeInRightBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
@keyframes fadeInRightBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig}
@-webkit-keyframes fadeInUp {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
@keyframes fadeInUp {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp}
@-webkit-keyframes fadeInUpBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
@keyframes fadeInUpBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig}
@-webkit-keyframes fadeOut {
    0% {
    opacity: 1}
to {
    opacity: 0}
}
@keyframes fadeOut {
    0% {
    opacity: 1}
to {
    opacity: 0}
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut}
@-webkit-keyframes fadeOutDown {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)}
}
@keyframes fadeOutDown {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)}
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown}
@-webkit-keyframes fadeOutDownBig {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0)}
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)}
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0)}
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig}
@-webkit-keyframes fadeOutRight {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)}
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight}
@-webkit-keyframes fadeOutRightBig {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0)}
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig}
@-webkit-keyframes fadeOutUp {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)}
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp}
@-webkit-keyframes fadeOutUpBig {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0)}
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig}
@-webkit-keyframes flip {
    0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn)}
0%,40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out}
40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg)}
50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg)}
50%,80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in}
80% {
    -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
    transform: perspective(400px) scale3d(.95,.95,.95)}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in}
}
@keyframes flip {
    0% {
    -webkit-transform: perspective(400px) rotateY(-1turn);
    transform: perspective(400px) rotateY(-1turn)}
0%,40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out}
40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg)}
50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg)}
50%,80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in}
80% {
    -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
    transform: perspective(400px) scale3d(.95,.95,.95)}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in}
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip}
@-webkit-keyframes flipInX {
    0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0}
0%,40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in}
40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)}
60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1}
80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)}
}
@keyframes flipInX {
    0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0}
0%,40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in}
40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)}
60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1}
80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)}
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX}
@-webkit-keyframes flipInY {
    0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0}
0%,40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in}
40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg)}
60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1}
80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)}
}
@keyframes flipInY {
    0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0}
0%,40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in}
40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg)}
60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1}
80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)}
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY}
@-webkit-keyframes flipOutX {
    0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)}
30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1}
to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0}
}
@keyframes flipOutX {
    0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)}
30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1}
to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0}
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important}
@-webkit-keyframes flipOutY {
    0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)}
30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1}
to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0}
}
@keyframes flipOutY {
    0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)}
30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1}
to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0}
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY}
@-webkit-keyframes lightSpeedIn {
    0% {
    -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
    transform: translate3d(100%,0,0) skewX(-30deg);
    opacity: 0}
60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg)}
60%,80% {
    opacity: 1}
80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)}
to {
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
@keyframes lightSpeedIn {
    0% {
    -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
    transform: translate3d(100%,0,0) skewX(-30deg);
    opacity: 0}
60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg)}
60%,80% {
    opacity: 1}
80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)}
to {
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out}
@-webkit-keyframes lightSpeedOut {
    0% {
    opacity: 1}
to {
    -webkit-transform: translate3d(100%,0,0) skewX(30deg);
    transform: translate3d(100%,0,0) skewX(30deg);
    opacity: 0}
}
@keyframes lightSpeedOut {
    0% {
    opacity: 1}
to {
    -webkit-transform: translate3d(100%,0,0) skewX(30deg);
    transform: translate3d(100%,0,0) skewX(30deg);
    opacity: 0}
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in}
@-webkit-keyframes rotateIn {
    0% {
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0}
0%,to {
    -webkit-transform-origin: center}
to {
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
@keyframes rotateIn {
    0% {
    transform-origin: center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0}
0%,to {
    -webkit-transform-origin: center}
to {
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn}
@-webkit-keyframes rotateInDownLeft {
    0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0}
0%,to {
    -webkit-transform-origin: left bottom}
to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
@keyframes rotateInDownLeft {
    0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0}
0%,to {
    -webkit-transform-origin: left bottom}
to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft}
@-webkit-keyframes rotateInDownRight {
    0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0}
0%,to {
    -webkit-transform-origin: right bottom}
to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
@keyframes rotateInDownRight {
    0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0}
0%,to {
    -webkit-transform-origin: right bottom}
to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight}
@-webkit-keyframes rotateInUpLeft {
    0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0}
0%,to {
    -webkit-transform-origin: left bottom}
to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
@keyframes rotateInUpLeft {
    0% {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0}
0%,to {
    -webkit-transform-origin: left bottom}
to {
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft}
@-webkit-keyframes rotateInUpRight {
    0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0}
0%,to {
    -webkit-transform-origin: right bottom}
to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
@keyframes rotateInUpRight {
    0% {
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0}
0%,to {
    -webkit-transform-origin: right bottom}
to {
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1}
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight}
@-webkit-keyframes rotateOut {
    0% {
    transform-origin: center;
    opacity: 1}
0%,to {
    -webkit-transform-origin: center}
to {
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0}
}
@keyframes rotateOut {
    0% {
    transform-origin: center;
    opacity: 1}
0%,to {
    -webkit-transform-origin: center}
to {
    transform-origin: center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0}
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut}
@-webkit-keyframes rotateOutDownLeft {
    0% {
    transform-origin: left bottom;
    opacity: 1}
0%,to {
    -webkit-transform-origin: left bottom}
to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0}
}
@keyframes rotateOutDownLeft {
    0% {
    transform-origin: left bottom;
    opacity: 1}
0%,to {
    -webkit-transform-origin: left bottom}
to {
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0}
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight {
    0% {
    transform-origin: right bottom;
    opacity: 1}
0%,to {
    -webkit-transform-origin: right bottom}
to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0}
}
@keyframes rotateOutDownRight {
    0% {
    transform-origin: right bottom;
    opacity: 1}
0%,to {
    -webkit-transform-origin: right bottom}
to {
    transform-origin: right bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0}
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft {
    0% {
    transform-origin: left bottom;
    opacity: 1}
0%,to {
    -webkit-transform-origin: left bottom}
to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0}
}
@keyframes rotateOutUpLeft {
    0% {
    transform-origin: left bottom;
    opacity: 1}
0%,to {
    -webkit-transform-origin: left bottom}
to {
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0}
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight {
    0% {
    transform-origin: right bottom;
    opacity: 1}
0%,to {
    -webkit-transform-origin: right bottom}
to {
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0}
}
@keyframes rotateOutUpRight {
    0% {
    transform-origin: right bottom;
    opacity: 1}
0%,to {
    -webkit-transform-origin: right bottom}
to {
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0}
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight}
@-webkit-keyframes hinge {
    0% {
    transform-origin: top left}
0%,20%,60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out}
20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    transform-origin: top left}
40%,80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1}
to {
    -webkit-transform: translate3d(0,700px,0);
    transform: translate3d(0,700px,0);
    opacity: 0}
}
@keyframes hinge {
    0% {
    transform-origin: top left}
0%,20%,60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out}
20%,60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    transform-origin: top left}
40%,80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1}
to {
    -webkit-transform: translate3d(0,700px,0);
    transform: translate3d(0,700px,0);
    opacity: 0}
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge}
@-webkit-keyframes rollIn {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
    transform: translate3d(-100%,0,0) rotate(-120deg)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
@keyframes rollIn {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
    transform: translate3d(-100%,0,0) rotate(-120deg)}
to {
    opacity: 1;
    -webkit-transform: none;
    transform: none}
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn}
@-webkit-keyframes rollOut {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0) rotate(120deg);
    transform: translate3d(100%,0,0) rotate(120deg)}
}
@keyframes rollOut {
    0% {
    opacity: 1}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0) rotate(120deg);
    transform: translate3d(100%,0,0) rotate(120deg)}
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut}
@-webkit-keyframes zoomIn {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)}
50% {
    opacity: 1}
}
@keyframes zoomIn {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)}
50% {
    opacity: 1}
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn}
@-webkit-keyframes zoomInDown {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown}
@-webkit-keyframes zoomInLeft {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}

60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft}
@-webkit-keyframes zoomInRight {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight}
@-webkit-keyframes zoomInUp {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp}
@-webkit-keyframes zoomOut {
    0% {
    opacity: 1}
50% {
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)}
50%,to {
    opacity: 0}
}
@keyframes zoomOut {
    0% {
    opacity: 1}
50% {
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)}
50%,to {
    opacity: 0}
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut}
@-webkit-keyframes zoomOutDown {
    40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutDown {
    40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown}
@-webkit-keyframes zoomOutLeft {
    40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(42px,0,0)}
to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px,0,0);
    transform: scale(.1) translate3d(-2000px,0,0);
    -webkit-transform-origin: left center;
    transform-origin: left center}
}
@keyframes zoomOutLeft {
    40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(42px,0,0)}
to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px,0,0);
    transform: scale(.1) translate3d(-2000px,0,0);
    -webkit-transform-origin: left center;
    transform-origin: left center}
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft}
@-webkit-keyframes zoomOutRight {
    40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px,0,0);
    transform: scale(.1) translate3d(2000px,0,0);
    -webkit-transform-origin: right center;
    transform-origin: right center}
}
@keyframes zoomOutRight {
    40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px,0,0);
    transform: scale(.1) translate3d(2000px,0,0);
    -webkit-transform-origin: right center;
    transform-origin: right center}
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight}
@-webkit-keyframes zoomOutUp {
    40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutUp {
    40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    animation-timing-function: cubic-bezier(.55,.055,.675,.19)}
to {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
    animation-timing-function: cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp}
@-webkit-keyframes slideInDown {
    0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    visibility: visible}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
}
@keyframes slideInDown {
    0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    visibility: visible}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown}
@-webkit-keyframes slideInLeft {
    0% {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: visible}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
}
@keyframes slideInLeft {
    0% {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: visible}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft}
@-webkit-keyframes slideInRight {
    0% {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    visibility: visible}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
}
@keyframes slideInRight {
    0% {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    visibility: visible}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight}
@-webkit-keyframes slideInUp {
    0% {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    visibility: visible}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
}
@keyframes slideInUp {
    0% {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    visibility: visible}
to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp}
@-webkit-keyframes slideOutDown {
    0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)}
}
@keyframes slideOutDown {
    0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)}
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown}
@-webkit-keyframes slideOutLeft {
    0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)}
}
@keyframes slideOutLeft {
    0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)}
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft}
@-webkit-keyframes slideOutRight {
    0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
to {
    visibility: hidden;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)}
}
@keyframes slideOutRight {
    0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
to {
    visibility: hidden;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)}
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight}
@-webkit-keyframes slideOutUp {
    0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)}
}
@keyframes slideOutUp {
    0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)}
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp}
.lazyload,.lazyloading {
    opacity: 0}
.lazyloaded {
    opacity: 1;
    transition: opacity .3s}
@font-face {
    font-family: flexslider-icon;
    src: url(/fonts/flexslider-icon.eot);
    src: url(/fonts/flexslider-icon.eot) format('embedded-opentype'),url(/fonts/flexslider-icon.woff) format('woff'),url(/fonts/flexslider-icon.ttf) format('truetype'),url(/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
    font-weight: 400;
    font-style: normal}
.flex-container a:hover,.flex-slider a:hover {
    outline: 0}
.flex-control-nav,.flex-direction-nav,.slides,.slides>li {
    margin: 0;
    padding: 0;
    list-style: none}
.flex-pauseplay span {
    text-transform: capitalize}
.flexslider {
    margin: 0;
    padding: 0}
.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden}
.flexslider .slides img {
    width: 100%;
    display: block}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0}
html[xmlns] .flexslider .slides {
    display: block}
* html .flexslider .slides {
    height: 1%}
.no-js .flexslider .slides>li:first-child {
    display: block}
.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    border-radius: 4px;
    -o-box-shadow: '' 0 1px 4px rgba(0,0,0,.2);
    box-shadow: '' 0 1px 4px rgba(0,0,0,.2)}
.flexslider .slides {
    zoom: 1}
.flexslider .slides img {
    height: auto;
    -moz-user-select: none}
.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease}
.loading .flex-viewport {
    max-height: 300px}
.carousel li {
    margin-right: 5px}
.flex-direction-nav {
    *height: 0}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0,0,0,.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,.3);
    transition: all .3s ease-in-out}
.flex-direction-nav a:before {
    font-family: flexslider-icon;
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0,0,0,.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,.3)}
.flex-direction-nav a.flex-next:before {
    content: '\f002'}
.flex-direction-nav .flex-prev {
    left: -50px}
.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1}
.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000}
.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: '\f004'}
.flex-pauseplay a:hover {
    opacity: 1}
.flex-pauseplay a.flex-play:before {
    content: '\f003'}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    border-radius: 20px}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0,0,0,.7)}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,.9);
    cursor: default}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    transition: all 1s ease}
.flex-control-thumbs img:hover {
    opacity: 1}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default}
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px}
.flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px}
}
body .metaslider .coin-slider,body .metaslider .nivoSlider,body .metaslider .nivoSlider img,body .metaslider .rslides,body .metaslider .rslides li,body .metaslider .flexslider ul.slides,body .metaslider .flexslider .slides li,body .metaslider .flexslider .slides ul,body .metaslider .flexslider .slides ol,body .metaslider .flexslider .slides img,body .metaslider .flexslider .flex-direction-nav,body .metaslider .flexslider .flex-direction-nav li {
    border: 0;
    margin: 0;
    list-style-type: none;
    list-style: none;
    padding: 0;
    line-height: normal;
    max-width: none;
    max-height: none}
.metaslider {
    position: relative;
    z-index: 0}
.metaslider .caption {
    padding: 5px 10px;
    word-wrap: break-word}
.metaslider .caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    color: #fff;
    opacity: .7;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em}
.metaslider img {
    height: auto;
    padding: 0;
    margin: 0;
    -moz-user-select: none}
.metaslider a {
    outline: none}
.metaslider.ms-left {
    float: left;
    margin: 0 20px 20px 0}
.metaslider.ms-right {
    float: right;
    margin: 0 0 20px 20px}
.metaslider li:before,.metaslider li:after {
    content: "" !important;
    display: none !important;
    bottom: auto !important;
    margin: 0 !important}
.metaslider .caption-wrap .caption img {
    width: auto}
.metaslider .slides img {
    width: 100%;
    display: block}
.metaslider .flexslider {
    background: 0 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: 0;
    margin: 0 0 40px;
    max-width: none;
    max-height: none}
.metaslider .flex-control-nav {
    border: 0;
    margin: auto;
    list-style-type: none;
    list-style: none;
    padding: 0;
    bottom: -27px;
    line-height: 11px;
    z-index: 2}
.metaslider .flex-control-nav li {
    margin: 0}
.metaslider .flex-control-nav li a {
    margin: 0 6px;
    padding: 0}
.metaslider .flexslider .slides li {
    position: relative;
    height: auto}
.metaslider .flex-viewport {
    direction: ltr}
.metaslider .flex-direction-nav a {
    -moz-transition: all .3s ease;
    transition: all .3s ease}
.metaslider .flexslider .slides p {
    margin: 0}
.metaslider .flexslider.filmstrip {
    margin-top: 10px}
.metaslider .flexslider.filmstrip .slides li {
    cursor: pointer;
    opacity: .5}
.metaslider .flexslider.filmstrip .slides li.flex-active-slide,.metaslider .flexslider.filmstrip .slides li:hover,.metaslider .flexslider.filmstrip .slides li:focus {
    opacity: 1 !important}
.metaslider .flex-control-thumbs li {
    width: auto}
.metaslider ol.flex-control-thumbs img,#content .metaslider ol.flex-control-thumbs img {
    margin: 10px 5px 0;
    width: auto}
.metaslider.nav-hidden .flexslider {
    margin-bottom: 0}
.metaslider.nav-hidden.add-margin .flexslider {
    margin-bottom: 40px}
.metaslider .flexslider .flex-direction-nav li a:before {
    content: none!important}
.metaslider .flexslider .flex-direction-nav li a {
    width: 30px;
    height: 30px;
    border: 0;
    margin: -20px 0 0;
    box-shadow: none!important;
    display: block;
    background-color: transparent;
    background-image: url(../images/bg_direction_nav.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: opacity .25s ease-in-out;
    transition: all .3s ease}
.metaslider .flex-direction-nav .flex-next {
    background-position: left 0}
.metaslider .flex-direction-nav .flex-next {
    background-position: right 0;
    text-align: left;
    text-indent: 9999px}
.metaslider .flexslider:hover .flex-next {
    opacity: .8;
    right: 5px}
.metaslider .flexslider:hover .flex-prev {
    opacity: .8;
    left: 5px;
    text-indent: -9999px}
.metaslider .flexslider:hover .flex-next:hover,.metaslider .flexslider:hover .flex-prev:hover {
    opacity: 1}
.metaslider .flexslider .flex-direction-nav .flex-disabled {
    cursor: default;
    pointer-events: none}
.metaslider .flexslider .flex-control-nav a {
    box-shadow: none !important}
.metaslider .flexslider .slides>li {
    position: relative}
.metaslider .rslides_nav,.metaslider .rslides_tabs a {
    box-shadow: none !important}
.metaslider .rslides_tabs {
    margin: 0 0 40px}
.metaslider .rslides_nav:focus,.metaslider .rslides_nav:hover {
    color: #fff}
.metaslider .theme-default .nivoSlider {
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0}
.metaslider .slider-wrapper .nivo-directionNav a,.metaslider .slider-wrapper .nivo-controlNav a,.metaslider .slider-wrapper img {
    border: 0;
    box-shadow: none;
    margin: 0;
    list-style-type: none;
    list-style: none;
    padding: 0;
    line-height: normal;
    max-width: none;
    max-height: none}
.metaslider .slider-wrapper .nivo-controlNav a {
    transition: none}
.metaslider .coin-slider {
    max-width: 100%;
    overflow: hidden}
.metaslider .coin-slider .cs-buttons a,.metaslider .coin-slider>a {
    box-shadow: none !important}
#wpcf7-608768b0351ca {
    display: none !important;
    visibility: hidden !important}